@media screen and (min-width: 64rem) {

    :root {
        --min-content-width: calc(64rem - var(--min-external-margin));
        --header-width: 83.5rem;

        /* FONT */
        --h1-size: 3.438rem;/* 55px */
        --h1-line-height: 3.063rem;/* 49.1px */
        
        --h3-ize: 1.688rem;/* 22px */
        --h3-s-line-height: 1.625rem;/* 26px */
        
        --h3-s-size: 1.375rem;/* 22px */
        --h3-s-line-height: 1.194rem;/* 19.1px */

        --p-m-size: 1.063rem;/* 17px */

        /* UI ELEMENTS */
        --prev-next-arrow-background: url("data:image/svg+xml,%3Csvg width='11' height='17' viewBox='0 0 11 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.7706 0.999912L2.33398 8.43652L9.7706 15.8731' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");

        --dropdown-arrow-background: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999409 1.33437L9.33398 9.66895L17.6686 1.33437' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
        --star-background-size: 1.688rem 1.688rem;

        /* MISC */
        --breadcrumb-top: 5.375rem;
    }

    body {
        font-size: 16px;
    }

    .cta {
        line-height: 2.5rem;
        font-size: 1rem;
    }

    /* CUSTOM CLASSES */

    .mobile-only {
        display: none !important;
    }

    .mobile-tablet-only {
        display: none !important;
    }

    .tablet-only {
        display: none !important;
    }

    .tablet-desktop-only {
        display: block;
    }

    .desktop-only {
        display: block;
    }

    .underline-on-hover,
    body nav a.menu-item:not(.cta) {
        position: relative;
    }

    .underline-on-hover,
    body nav a.menu-item:not(.cta) {
        --base-color: 219.8, 66%, 38%;
        display: inline;
        background: linear-gradient(
            to bottom,
            hsla(var(--base-color), 0) 0%,
            hsla(var(--base-color), 0) 98%
        );
        background-size: 100% .063rem;
        background-repeat: no-repeat;
        background-position: left 100%;
        transition: background var(--transition-time);
    }
    
    .underline-on-hover:hover,
    body nav a.menu-item:not(.cta):hover {
        background: linear-gradient(
            to bottom,
            hsla(var(--base-color), 1) 0%,
            hsla(var(--base-color), 1) 98%
        );
        background-size: 100% .063rem;
        background-repeat: no-repeat;
        background-position: left 100%;
    }

    .underline-on-hover.is-active,
    .underline-on-hover:hover,
    body nav a.menu-item:not(.cta).is-active,
    body nav a.menu-item:not(.cta):hover {
        padding-left: 0;
    }

    .underline-on-hover.is-active:after,
    .underline-on-hover:hover:after,
    body nav a.menu-item:not(.cta).is-active:after,
    body nav a.menu-item:not(.cta):hover:after {
        background-color: var(--blue);
    }
}

/* @media screen and (min-width: 1200px) {
    
    :root {
        --min-content-width: 70.625rem;
    }

} */