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


.footer{

background:var(--primary-dark);

color:white;

padding:70px 0 20px;

}



.footer-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:50px;

}



.footer h3,
.footer h4{

color:white;

margin-bottom:20px;

}



.footer h3{

font-size:30px;

}



.footer h4{

font-size:20px;

color:var(--secondary);

}



.footer p{

color:rgba(255,255,255,.75);

line-height:1.8;

}



.footer ul{

list-style:none;

padding:0;

}



.footer ul li{

margin-bottom:12px;

}



.footer ul li a{

color:rgba(255,255,255,.75);

}



.footer ul li a:hover{

color:var(--secondary);

}



/* FOOTER BOTTOM */


.footer-bottom{

margin-top:50px;

padding-top:25px;

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

text-align:center;

}



.footer-bottom p{

color:rgba(255,255,255,.6);

font-size:14px;

margin:0;

}




@media(max-width:800px){


.footer-grid{

grid-template-columns:1fr;

}


}