.footer{
position:relative;
padding:9rem 2rem;
background:var(--black);
overflow:hidden;
font-family:'Source Sans 3', sans-serif;
font-weight: 300;

}


.footer-container{
max-width:70rem;
margin:0 auto;
text-align:center;
}

/* logo */

.footer-logo{
height:5.6rem;
margin-bottom:0.1rem;
}

.footer-sub{
font-size:0.85rem;
opacity:0.7;
margin-bottom:3rem;
margin-top: -2.3rem;
;
}


.footer-grid{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:3rem;
margin-bottom:3rem;
}

.footer-col h4{
margin-bottom:0.8rem;
font-weight:600;
}

.footer-col p{
line-height:1.5;
opacity:0.85;
}

.footer-links a{
display:block;
margin-bottom:0.4rem;
color:var(--white);
text-decoration:none;
opacity:0.85;
}

.footer-links a:hover{
color:var(--orange);
}


.footer-social{
display:flex;
margin-top: 3rem;
justify-content:center;
gap:1.2rem;
}

.footer-social img{
height:1.2rem;
opacity:0.8;
transition:0.2s;
}

.footer-social img:hover{
opacity:1;
transform:scale(1.1);
}


.footer-halftone{
position:absolute;
width:18rem;
pointer-events:none;
opacity:0.9;
}

.footer-left{
left:0;
bottom:0;
transform:translateX(-40%) rotate(180deg);
}

.footer-right{
right:0;
top:0;
transform:translateX(40%) rotate(180deg);
}



@media (max-width:700px){

.footer-grid{
grid-template-columns:1fr;
gap:2rem;
}

.footer-right{
display: none;
}
.footer-left{
display: none;
}

}