
#footer {
    width: 100%;
    padding: 15px;
}

#footer .container,
#footer.container {
    flex: 1;
}

#footer.flex-container{
    background-color: #384b68;
    color:#f6f9fb;
    display:flex;
    flex-direction:row;
    justify-content: center;
    align-items:center;
}

#footer h5{
    font-weight:400;
}

#footer a{
    color:#f6f9fb;
}

#footer .empty{
    flex:1;
    flex-grow:2;  
}

#footer .logo{
    flex:1;
    flex-grow:1;
    padding-right: 5%;
}

#footer .logo_img{
    object-fit: contain;
    max-height: 10vh;
}

#footer .text{
    flex:1;
    flex-grow:6;
    padding-top:1%;
    padding-bottom:1%;
}

#footer .hr{
    border-top: 0.1px solid #3d618c;
    padding-left: 1%;
    padding-right: 1%;
    margin:0;
}

#footer > .second{
    display:flex;
    flex-direction:row;
    justify-content: center;
    align-items:center;
}

#footer .third{
    font-size:12px;
}

#footer .contact{
    flex:1;
    flex-grow:6;
    margin:0;
}

#footer .links{
    flex:1;
    flex-grow:6;
    font-weight:400;
}

#footer .links_m{
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    text-align:center;
    align-items:center;
    min-height: 30px;
}

#footer .contact_m{
    display:flex;
    flex-direction:row;
    text-align:left;
    align-items:center;
    min-height: 30px;
}

#footer span.mobile>i, span.mail>i{
    padding-right:10px;
}

#footer span.mobile{
    padding-right:20px;
}

#footer span.mobile, span.mail{
    display:flex;
    flex-direction:row;
    align-items:center;
}

#footer .one{
    flex:1;
}

#footer .two{
    flex:2;
}

#footer .links a{
    text-transform: uppercase;
}

#footer .empty_small{
    flex:1;
    flex-grow:1; 
}

#footer .m{
    margin-top:1%;
    margin-bottom:1%;
}

#footer .blue{
    color:#0abbef;
}

#footer a:hover{
    text-decoration:none;
    color:#0abbef;
}

#footer div.first > h5.footer-heading{
    color:white !important;
}

#footer>div>div.second{
    flex-wrap:wrap;
}

#footer>div>div.second>div.contact>p.contact_m{
    flex-wrap:wrap;
}

#footer .logo-sm{
    display:none;
}

@media only screen and (max-width: 1485px) {
    #footer .links_m{
        flex-wrap: wrap;
    }
    #footer .links_m > .two{
        flex:50%;
    }
    #footer .links_m > .one{
        flex:50%;
    }
}


@media only screen and (max-width: 875px) {
    #footer .second{
        flex-wrap:wrap;
    }
    #footer .contact, .links{
        flex:100%;
    }
    #footer.empty_small{
        display:hidden;
    }
    #footer .links_m{
        flex-wrap:nowrap;
    }
}

@media only screen and (max-width: 750px) {
    #footer .links_m{
        flex-wrap:wrap;
    }
}

@media only screen and (max-width: 609px) {
    #footer .third{
        display:flex;
        flex-wrap:wrap;
    }
    #footer .logo-sm{
        display:flex;
        flex:44%;
    }
    #footer .m{
      flex:44%;  
    }
    #footer .logo{
        display:none;
    }

    #footer .links_m{
        flex-wrap:nowrap;
    }

    #footer .logo_img{
        padding:10px;
        object-fit: contain;
        max-height: 10vh;
    }
   
    #footer span.mobile{
        padding-right:10px;
    }
}

@media only screen and (max-width: 570px) {
    #footer .links_m{
        flex-wrap:wrap;
    }
}

@media only screen and (max-width: 406px) {
    #footer .third{
        text-align:center;
    }
    #footer .logo-sm{
        justify-content:center;
    }
}