@media only screen and (min-width: 75.000em) {
    
    .hero {
        width: 100%;
        height: 55%;
        max-width: 960px;
        position: relative;
    }

    nav li {
        text-align: left;
    }

    .heroImg {
        display: none;
    }

    .slider {
        background: url(/Images/Hero-medium.png), rgba(187, 193, 193, 1);
        background: url(/Images/Hero-medium.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;
    }

    .cdImage {
        width: 100%;
    }
    .threespan {
        grid-column: span 3;
    }

    .mobile-break {
        display: none;
    }
    .shopStage {
        grid-template-columns: repeat(3, 32%);
    }

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

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