.footer-container{
    width:100%;
    height:auto;
    margin:0;

}

.footer{
    width:100%;
    height:auto;
    float:left;
    background-color:#0031d4;
    background-color:#005485;
    background-color: #044480;
    color:#b3bcc9;
    padding:10px 0;
}

.footer a{
    color:#b3bcc9;
    text-decoration: none;
}
.footer a:hover{
    color:white;
}

.col-lanika{
    width:100%;
    height:auto;
    margin:10px 0 20px 0;
}

.footer-logo{
    width: 100px;
    height:auto;
    margin-top:10px;
}

.footer-slogan, .footer-moto{
    margin:10px 0px;
    color:white;
}

.footer-moto{
      color:#b3bcc9;
  
}

.footer-row{
    width:95%;
    height:auto;
    margin:10px 2.5%;
    float:left;
}


 .col-address, .col-links, .col-contacts{

    width:30%;
    height:auto;
    margin-right:3%;
    margin-bottom:0;
    float:left;
}



.footer-logo img{
    width:100%;
    height: auto;
}

.footer-menu1-container,.footer-menu2-container{
    width:auto;
    height:auto;
    
    margin-right:40px;
    padding:0;
    float:left;
}

.footer-menu{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-menu li{
    margin: 0;
    margin-bottom:5px;
}

.col-contacts i{
    margin-bottom:10px;
}



.col-contacts .fa-linkedin,.col-contacts .fa-facebook, .col-contacts .fa-youtube {
    font-size:18px;
    margin-right:10px;
}


.copyright-container{
    width:95%;
    height:auto;
    float:left;
    margin:10px 2.5%;
}

.copyright{
    width:auto;
    height:auto;
    float:left;
    font-size:12px;

}

.scroll-up{
    width:30px;
    height:30px;
    position:fixed;
    float:right;
    right:10px;
    bottom:20px;
    font-size:30px;
    text-align:center;
    background-color: #044480;
    border-radius:5px;
    display:none;
}

.scroll-up a{
    color:white;
}
.scroll-up a:hover{
    color:lightblue;
}




@media only screen and (max-width:800px){

     .col-address, .col-links, .col-contacts{

        width:45%;
        height:auto;
        margin-right:5%;
        float:left;
    }
    
    .col-address{
        width:50%;
        height:auto;
    }
    

}

@media only screen and (max-width:500px){

    .col-lanika, .col-address, .col-links, .col-contacts, .footer-menu1-container, .footer-menu2-container{

        width:100%;
        height:auto;
        margin:20px 0;
        float:none;
    }
    
    .footer-menu{
        padding:0;
    }
    
    .footer-menu1-container, .footer-menu2-container{
        margin:0;
    }
    

}