@media only screen and (max-width: 991px) {
    :root {
        --mobile-accent: #a64d84;
        --mobile-on-accent: #ffffff;
        --mobile-tint: #fcf2f8;
    }
}

@media only screen and (max-width: 767px) {
    .page-header .header.content a.logo {
        width: calc(100% - 96px);
        max-width: 240px;
    }

    .page-header .header.content a.logo img {
        width: 100%;
        height: auto;
    }
}