#footer{
    background-color: #151517;
    padding: 7rem 5rem;
    color: white;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.footer-interior{
    display: flex;
    justify-content: space-between;
}

#footer a{
    color: white;
}

.footer-left{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer-left h1{
    text-align: start;
}

#contact{
    display: flex;
    align-items: center;
    /* justify-content: center; */
    gap: 0 3rem;
    flex-wrap: wrap;
}

.c-h{
    color: #575757;
}

.nav-container{
    display: flex;
    gap: 7rem;
}

.navs{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.divider{
    width: 100%;
    height: 1px;
    background-color: #575757;
    margin-top: 4rem;
}

@media (max-width: 1100px){
    .nav-container{
        gap: 3rem;
    }
}

@media (max-width: 1024px){
    #contact{
        gap: 0 2rem
    }
    .navs{
        gap: 1rem
    }
}

@media (max-width: 800px){
    .footer-interior{
        flex-direction: column;
        gap: 5rem;
    }
    .nav-container{
        gap: 7rem;
    }
}

@media (max-width: 600px){
    #footer{
        padding: 3rem 2rem;
    }
    .footer-left{
        gap: 2rem;
    }
}