/*
[----------------------------------]
[------------- FOOTER -------------]
[----------------------------------]
*/

@media only screen and (max-width:1280px) {
    .footer .footercontent {
        padding: 24px;
        font-size: 12px;
    }
}

@media only screen and (max-width:700px) {

    .footer .footer-contact {
        flex-direction: column;
        align-items: center;
    }

    .footer .footercontent {
        padding: 12px;
    }

    .footer .footercontent .contactinfo {
        flex-direction: column;
        align-content: center;
    }

    .footer .footercontent .office-list {
        flex-direction: column;
        align-items: initial;
        font-size: 14px;
    }

    .footer-links {
        flex-direction: column;
        font-size: 14px;
    }
}