#footer {
    background-color: var(--dark-blue);
}

#footer li a {
    color: var(--white);
}

.footer-col li {
    margin-bottom: 6px;
}

.footer-title {
    color: var(--white);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -3%;
}

#contact li {
    margin-bottom: 26px;
}
#contact p {
    color: var(--white);
    font-weight: 700;
}
#contact a {
    font-weight: 400;
}

#footer-mdl {
    padding: 40px 0;

}
#footer-mdl > div {
    border-top: .5px solid var(--white);
    border-bottom: .5px solid var(--white);

}

#footer-mdl .atd-main > p , 
#social p {
    font-size: 12px;
    font-weight: 400;
    color: var(--white);
}


@media only screen and (max-width: 767px){
    #footer .sm-main > div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #footer-mdl > div {
        flex-direction: column;
    }
    #social {
        margin: 1.5rem 0;
    }
}