/* Desktop 1440px+ Breakpoint Styles */

@media (min-width: 1440px) {

    /* Typography */
    h1 {
        font-size: 4vw;
        line-height: 1.1em;
    }

    h2 {
        font-size: 2.5vw;
    }

    h3 {
        font-size: 1.5vw;
    }

    /* Layout switches from column to row */
    .responsive {
        flex-direction: row;
    }

    .hide-on-mobile {
        display: block;
    }

    .hide-on-desktop {
        display: none !important;
    }

    /* Scroll button */
    .scroll-up {
        top: 70%;
        width: 6vw;
        z-index: 999;
    }

    /* Section padding */
    .section-padding-intro {
        padding: 4vh 16vw;
    }

    .section-padding {
        padding: 8vh 22vw;
    }

    /* Spacers */
    .vspace-xsmall {
        height: 1rem;
    }

    .vspace-small {
        height: 2rem;
    }

    .vspace-medium {
        height: 4rem;
    }

    .vspace-large {
        height: 6rem;
    }

    .vspace-xlarge {
        height: 10rem;
    }

    /* Desktop width utilities */
    .desktop-5pct {
        width: 5%;
    }

    .desktop-10pct {
        width: 10%;
    }

    .desktop-25pct {
        width: 25%;
    }

    .desktop-30pct {
        width: 30%;
    }

    .desktop-45pct {
        width: 45%;
    }

    .desktop-50pct {
        width: 50%;
    }

    .full-width.desktop-45pct {
        width: 45% !important;
    }

    .desktop-35pct {
        width: 35%;
    }

    .full-width.desktop-35pct {
        width: 35% !important;
    }

    .desktop-text-padding {
        padding-right: 0%;
    }

    /* Components */
    .intro-item {
        width: 28%;
    }

    .responsive.spacer {
        height: 4rem;
        width: 4rem;
    }

    div.alt-row:nth-of-type(even) {
        flex-direction: row;
    }

    div.alt-row:nth-of-type(odd) {
        flex-direction: row-reverse;
    }

    /* Gallery */
    .thumbnail:hover {
        transform: scale(1.02);
    }

    /* Header */
    .header-title {
        padding: 1rem 0;
    }

    .desktop-header-padding {
        padding-left: 16vw;
        padding-right: 16vw;
    }

    .ux-audit-layout .responsive {
        align-items: center;
    }

    .ux-audit-layout .layout-image {
        width: 45% !important;
    }

    .ux-audit-layout .layout-image img {
        width: 75% !important;
    }

    .ux-audit-layout .desktop-45pct:not(.layout-image) {
        flex: 1;
        width: auto !important;
        min-width: 0;
    }

    .ux-audit-layout .desktop-45pct > div[style*="height: 33%"] {
        display: none;
    }
}