/* =========================
   FOOTER
========================= */


footer{


    background:#000744;

    color:white;

    padding:40px 8%;


}



.footer-container{


    display:flex;

    justify-content:space-between;

    align-items:center;


}



.footer-logo img{


    width:150px;


}



.footer-links{


    display:flex;

    gap:25px;


}



.footer-links a{
    color:white;
    text-decoration:none;
    transition: 0.3s;
}



.footer-links a:hover{
    color:#0ea5a4;
}



.footer-bottom{


    text-align:center;

    margin-top:30px;

    padding-top:20px;

    border-top:1px solid rgba(255,255,255,.2);

}




@media(max-width:800px){


.footer-container{


    flex-direction:column;

    gap:20px;


}


}