body {
    font-family: 'Roboto', sans-serif;
    text-align: left;
    overflow-x: hidden;
}


html {
    scroll-behavior: smooth;
}



.nav a {
    color: #545757;
    
}



.bg-light {
    position: fixed;
    z-index: 100;
    left: 0px;
    right: 0px;
    top: 0px;
}
.no-padding{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    
}

.padding-top {
    padding-top: 50px;
}

.padding-bottom {
    padding-bottom: 50px;
}


#logo {
    width: 435px;
    height: 87px;
    
}

#logo-responsive {
    width: 106px;
    height: 103px;
}

#ambiti {
    background-color: #1F3869;
}



.h2, h2 {
    font-family: 'Playfair Display', serif;
    color: #1F3869; 
}
.h5, h5 {
    font-family: 'Playfair Display', serif;
}

#custome-title
{

    color: white; 
}

#footer {
    background-color: #1F3869;
    text-align: center;
    color: white;
    
}


.white {
    color: white;
}



* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.pic {
    border: 1px solid #717377;
    float: left;
    height: 225px;
    width: 325px;
    margin: 22px;
    overflow: hidden;
}

.pan img {
    height: 325px;
    width: 425px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.pan img:hover {
    width: 325px;
    height: 225px;
} 

.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {                  
    visibility: visible;                  
    animation: slide 1s;
}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}