@media only screen and (min-width: 37.500em) {
    body {
    }

    .headline {
        font-size: 3.5rem;
    }

    .hero {
        width: 100%;
        height: 55%;
        max-width: 960px;
        position: relative;
    }

    .heroImg {
        display: none;
        width: 190px;
    }

    .focusPoints {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .cdImage {
        width: 100%;
    }
    nav li {
        text-align: left;
    }
    .threespan {
        grid-column: span 2;
    }
    .slider {
        background: url(/Images/Hero-small.png), rgba(187, 193, 193, 1);
        background: url(/Images/Hero-small.png), linear-gradient(90deg, rgba(187, 193, 193, 1) 0%, rgba(196, 189, 171, 1) 100%);
        background-size: auto 100vh;
        background-attachment: fixed;
        background-position: 0 0;
        background-repeat: no-repeat;
    }
    .mobile-break {
        display: none;
    }

    .cdImage {
        width: 330px;
    }

    .shopStage {
        grid-template-columns: 50% 50%;
    }

    .content {
        grid-template-columns: 10% 1fr 1fr 10%;
    }
}