footer{
    color: var(--white-text);
    background-color: var(--shade-color);

    align-items: center;
    margin: 0;
}

footer > .full-logo{
    margin: 16px;
}
 
.footer-strapline{
    text-align: center;
    font-size: 2rem;
}

.info{
    margin: 24px;
}

footer > .info > a, footer > .info > p {
    font-size: max(1vw, 0.8rem);

    padding: 4px;
    margin: 4px;
}
footer > .info > a{
    text-decoration: none;
    color: var(--white-text);
}

#privacy-policy{
    text-decoration: underline;
}
#privacy-policy:hover{
    color: var(--accent-color);
    transform: scale(1.1);
}

.info i:hover{
    transform: scale(1.3);
    color: var(--accent-color);
}

.social-icons{
    margin-left: auto;

    display: flex;
    flex-direction: row;
    justify-content: center;

    width: 100%;
}
.social-icons > a{
    margin: 8px 0.5vw;

    display: block;
}
.social-icons > a > i{
    font-size: 2rem;
    color: white;
}