footer{background: var(--color-dark); padding-block: 2.5rem 3rem;}
footer{background: var(--color-black);}
footer .footer-brand{display: flex; column-gap: 9rem; align-items: center;}
footer .footer-brand .foot-contact{display: flex; column-gap: 4rem;position: relative;}
footer .footer-brand .foot-contact:before { content: ""; width: 0.1rem; height: 100%; background: rgba(255,255,255,0.3); position: absolute; left: -4rem; }
.foot-contact a img{margin-right: 1rem;}
.footer-brand img{width: 1.5rem; }
footer a{color: #b1b1b1; font: var(--text-10);}

.foot-link{margin-block: 1.5rem; display: flex; column-gap: 2.5rem;}

.copyright{padding-top: 1.5rem; border-top: 1px solid #70707088; display: flex; align-items: center; column-gap: 2rem;     justify-content: space-between;}
.copyright p{font: var(--text-10); color: #ACACAC; margin-bottom: 0;}

ul.f_social {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    padding-left: 0;
}

li.social_icon {
    background: #fff;
    display: flex;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
}
li.social_icon:hover img {
    rotate: 360deg;transition: 0.3s ease-in-out;
}
li.social_icon a img {
    width: 3rem;
}
.cpright {
    display: flex;
    gap: 2rem;
}

@media (min-width: 1600px){
    footer{ padding-block: 4rem 5rem;}
    .foot-link{column-gap: 4rem;}
    .footer-brand .logo{width: 20rem; display: block;}
    .copyright{column-gap: 3rem;}
    .copyright{padding-top: 2.5rem;}
    .foot-link{margin-block: 2.5rem;}
    footer {
        padding-block: 5rem 7rem;
    }
}
@media (min-width: 2700px){
    .footer-brand .logo{width: 30rem; display: block;}
    .copyright{border-top-width: 2px}
    .copyright{column-gap: 5rem;}
    footer {
        padding-block: 8rem 10rem;
    }
    .foot-link {
        margin-block:4rem;
    }
    .copyright {
        padding-top: 4rem;
    }
}
@media screen and (max-width:980px) {
    .foot-link {
        flex-wrap: wrap;
    }
    ul.foot-link li {
        width: 22%;
    }
    footer {
        padding: 4rem;
    }

}


@media screen and (max-width:728px) {
    .foot-link {
        flex-wrap: wrap;
    }
    ul.foot-link li {
        width: 45%;
        margin-bottom: 1rem;
    }
    .copyright {
        flex-wrap: wrap;
    }
    .copyright p {
        margin-bottom: 1rem;
    }
 
    footer .footer-brand {
        flex-wrap: wrap;
    }
    
    footer {
        padding: 2rem;
        margin-bottom: 5rem;
    }
        .foot-link {
            flex-wrap: wrap;
        }
        footer .footer-brand .foot-contact {
            padding: 3rem 0;
        }
    

}

@media(max-width:1599px){
 .foot-link{column-gap:1.5rem;}
}

@media(max-width:1199px){
 .foot-link{column-gap:1rem;}
}

@media(max-width:980px){
 .foot-link{column-gap:2.5rem;}  
}