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

.site-footer{
background:#A6480A;
color:var(--white);
padding:70px 20px 25px;
margin-top:120px;
}

/* FOOTER GRID */

.footer-container{
max-width:var(--container);
margin:auto;

display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:40px;
}

/* =========================
CENTER LOGO
========================= */

.footer-logo{
text-align:center;
margin-bottom:50px;
}

.footer-logo img{
height:70px;
}

/* =========================
BRAND SECTION
========================= */

.footer-brand img{
height:60px;
margin-bottom:15px;
}

.footer-brand p{
color:#ddd;
line-height:1.6;
font-size:14px;
}

/* =========================
LINKS
========================= */

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

.footer-links li{
margin-bottom:10px;
}

.footer-links a{
color:#ddd;
text-decoration:none;
font-size:14px;
transition:0.3s;
}

.footer-links a:hover{
color:var(--white);
padding-left:4px;
}

/* =========================
CONTACT
========================= */

.footer-contact p{
color:#ddd;
margin-bottom:8px;
font-size:14px;
}

/* =========================
SOCIAL ICONS
========================= */

.footer-icons{
display:flex;
gap:15px;
margin-top:10px;
}

.footer-icons a{
color:var(--white);
font-size:18px;
transition:0.3s;
}

.footer-icons a:hover{
transform:scale(1.2);
opacity:.85;
}

/* =========================
BOTTOM BAR
========================= */

.footer-bottom{
border-top:1px solid rgba(255,255,255,0.15);
margin-top:50px;
padding-top:20px;
text-align:center;
color:#ddd;
font-size:14px;
}

/* =========================
TABLET
========================= */

@media (max-width:900px){

.footer-container{
gap:35px;
}

.footer-logo img{
height:60px;
}

}

/* =========================
MOBILE
========================= */

@media (max-width:600px){

.site-footer{
padding:60px 20px 25px;
}

.footer-container{
grid-template-columns:1fr;
text-align:center;
}

.footer-icons{
justify-content:center;
}

.footer-links a:hover{
padding-left:0;
}

.footer-logo{
margin-bottom:35px;
}

}