footer {
    .logo-container {
        flex: 4;
        margin-right: 5em;

        #footerLogo {
            max-height: max-content;
            width: 45%;
        }
    }

    .hyperlink-container {
        flex: 3;
    }

    a {
        color: var(--dark-blue);
    }
}

@media only screen and (max-width: 768px) {
    footer {
        margin: 0 2em;

        .logo-container {
            width: 100%;
            flex: unset;
            margin-right: revert;
            margin-bottom: 1em;

            #footerLogo {
                width: 100%;
            }
        }

        .hyperlink-container {
            width: 100%;
            flex: unset;
        }
    }
}