@media only screen 
and (-webkit-min-device-pixel-ratio: 1)
and (min-width: 1400px),
only screen 
and (-min-moz-device-pixel-ratio: 1)
and (min-width: 1400px),
only screen 
and (-o-min-device-pixel-ratio: 1/1)
and (min-width: 1400px),
only screen 
and (min-device-pixel-ratio: 1)
and (min-width: 1400px),
only screen 
and (in-resolution: 72dpi)
and (min-width: 1400px),
only screen 
and (min-resolution: 1dppx)
and (min-width: 1400px),
only screen
and (min-width: 1400px) {

}

@media only screen 
and (-webkit-min-device-pixel-ratio: 1)
and (max-width: 1400px),
only screen 
and (-min-moz-device-pixel-ratio: 1)
and (max-width: 1400px),
only screen 
and (-o-min-device-pixel-ratio: 1/1)
and (max-width: 1400px),
only screen 
and (min-device-pixel-ratio: 1)
and (max-width: 1400px),
only screen 
and (in-resolution: 72dpi)
and (max-width: 1400px),
only screen 
and (min-resolution: 1dppx)
and (max-width: 1400px),
only screen
and (max-width: 1400px) {

}

@media only screen 
and (-webkit-min-device-pixel-ratio: 1)
and (max-width: 1200px),
only screen 
and (-min-moz-device-pixel-ratio: 1)
and (max-width: 1200px),
only screen 
and (-o-min-device-pixel-ratio: 1/1)
and (max-width: 1200px),
only screen 
and (min-device-pixel-ratio: 1)
and (max-width: 1200px),
only screen 
and (in-resolution: 72dpi)
and (max-width: 1200px),
only screen 
and (min-resolution: 1dppx)
and (max-width: 1200px),
only screen
and (max-width: 1200px) {

}

/* Landscape and big portrait devices - general styling */
@media only screen 
and (-webkit-min-device-pixel-ratio: 1)
and (min-width: 768px)
and (max-width: 1024px) 
and (orientation: landscape),
only screen 
and (-min-moz-device-pixel-ratio: 1)
and (min-width: 768px)
and (max-width: 1024px) 
and (orientation: landscape),
only screen 
and (-o-min-device-pixel-ratio: 1/1)
and (min-width: 768px)
and (max-width: 1024px) 
and (orientation: landscape),
only screen 
and (min-device-pixel-ratio: 1)
and (min-width: 768px)
and (max-width: 1024px) 
and (orientation: landscape),
only screen 
and (in-resolution: 72dpi)
and (min-width: 768px)
and (max-width: 1024px) 
and (orientation: landscape),
only screen 
and (min-resolution: 1dppx)
and (min-width: 768px)
and (max-width: 1024px) 
and (orientation: landscape),
only screen
and (min-width: 768px)
and (max-width: 1024px) 
and (orientation: landscape),
only screen 
and (-webkit-min-device-pixel-ratio: 1)
and (min-width: 800px)
and (max-width: 1024px)
and (orientation: portrait),
only screen 
and (-min-moz-device-pixel-ratio: 1)
and (min-width: 800px)
and (max-width: 1024px)
and (orientation: portrait),
only screen 
and (-o-min-device-pixel-ratio: 1/1)
and (min-width: 800px)
and (max-width: 1024px)
and (orientation: portrait),
only screen 
and (min-device-pixel-ratio: 1)
and (min-width: 800px)
and (max-width: 1024px)
and (orientation: portrait),
only screen 
and (in-resolution: 72dpi)
and (min-width: 800px)
and (max-width: 1024px)
and (orientation: portrait),
only screen 
and (min-resolution: 1dppx)
and (min-width: 800px)
and (max-width: 1024px)
and (orientation: portrait),
only screen
and (min-width: 800px)
and (max-width: 1024px)
and (orientation: portrait) {
    body {
        font-size: 16px;
    }

    #headerRight {
        width: 75%;
    }
}

/* Portrait devices (and landscape mobiles) - general styling */
@media only screen 
and (-webkit-min-device-pixel-ratio: 1)
and (max-width: 800px)
and (orientation: portrait),
only screen 
and (-min-moz-device-pixel-ratio: 1)
and (max-width: 800px)
and (orientation: portrait),
only screen 
and (-o-min-device-pixel-ratio: 1/1)
and (max-width: 800px)
and (orientation: portrait),
only screen 
and (min-device-pixel-ratio: 1)
and (max-width: 800px)
and (orientation: portrait),
only screen 
and (in-resolution: 72dpi)
and (max-width: 800px)
and (orientation: portrait),
only screen 
and (min-resolution: 1dppx)
and (max-width: 800px)
and (orientation: portrait),
only screen
and (max-width: 800px)
and (orientation: portrait),
only screen 
and (-webkit-min-device-pixel-ratio: 1)
and (max-width: 768px)
and (orientation: landscape),
only screen 
and (-min-moz-device-pixel-ratio: 1)
and (max-width: 768px)
and (orientation: landscape),
only screen 
and (-o-min-device-pixel-ratio: 1/1)
and (max-width: 768px)
and (orientation: landscape),
only screen 
and (min-device-pixel-ratio: 1)
and (max-width: 768px)
and (orientation: landscape),
only screen 
and (in-resolution: 72dpi)
and (max-width: 768px)
and (orientation: landscape),
only screen 
and (min-resolution: 1dppx)
and (max-width: 768px)
and (orientation: landscape),
only screen
and (max-width: 768px)
and (orientation: landscape) {
    body {
        font-size: 14px;
    }

    #home h1, #homeSlideshow h1 {
        font-family: CormorantGaramond-Light, serif;
        font-size: 1.85em;
        line-height: 1.125em;
        margin: 0 0 0.2344em;
        color: rgb(4, 102, 97);
        text-transform: uppercase;
    }

    #home h2 {
        margin: 0.7142em 0;
    }

    #websiteNav ul {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #websiteNav ul {
        -webkit-transition-property: max-height;
        -moz-transition-property: max-height;
        -ms-transition-property: max-height;
        -o-transition-property: max-height;
        transition-property: max-height;
    }
    
    #websiteNav ul {
        -webkit-transition-duration: 600ms;
        -moz-transition-duration: 600ms;
        -ms-transition-duration: 600ms;
        -o-transition-duration: 600ms;
        transition-duration: 600ms;
    }
    
    #websiteNav ul {
        -webkit-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
        -ms-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }

    header, .slideshow, .content {
        width: 98%;
        padding: 0 1%;
    }

    footer {
        width: 98%;
        padding: 1.11em 1%;
    }

    header {
        max-height: 62px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        background-color: rgb(255, 255, 255);
    }

    header.sticky {
        height: unset;
        background-color: inherit;
    }

    .logo {
        max-width: 35%;
        height: 100%;
        max-height: 62px;
    }

    .logo img {
        height: 100%;
        max-height: 62px;
        width: auto;
    }

    #headerSM {
        width: 80px;
        position: fixed;
        top: 0.9em;
        left: 50%;
    }

    #headerSM .priceList {
        display: none;
    }

    #websiteNav #hamburger {
        cursor: pointer;
        width: 50px;
        height: 50px;
        display: block;
        position: fixed;
        top: 7px;
        right: 2%;
        background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 5%, rgb(204, 102, 0) 5%, rgb(204, 102, 0) 25%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 40%, rgb(204, 102, 0) 40%, rgb(204, 102, 0) 50%, rgb(204, 102, 0) 50%, rgb(204, 102, 0) 60%, rgb(255, 255, 255) 60%, rgb(255, 255, 255) 75%, rgb(204, 102, 0) 75%, rgb(204, 102, 0) 95%, rgb(255, 255, 255) 95%, rgb(255, 255, 255) 100%);
        background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 5%, rgb(204, 102, 0) 5%, rgb(204, 102, 0) 25%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 40%, rgb(204, 102, 0) 40%, rgb(204, 102, 0) 50%, rgb(204, 102, 0) 50%, rgb(204, 102, 0) 60%, rgb(255, 255, 255) 60%, rgb(255, 255, 255) 75%, rgb(204, 102, 0) 75%, rgb(204, 102, 0) 95%, rgb(255, 255, 255) 95%, rgb(255, 255, 255) 100%);
        background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 5%, rgb(204, 102, 0) 5%, rgb(204, 102, 0) 25%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 40%, rgb(204, 102, 0) 40%, rgb(204, 102, 0) 50%, rgb(204, 102, 0) 50%, rgb(204, 102, 0) 60%, rgb(255, 255, 255) 60%, rgb(255, 255, 255) 75%, rgb(204, 102, 0) 75%, rgb(204, 102, 0) 95%, rgb(255, 255, 255) 95%, rgb(255, 255, 255) 100%);
        background: linear-gradient(top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 5%, rgb(204, 102, 0) 5%, rgb(204, 102, 0) 25%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 40%, rgb(204, 102, 0) 40%, rgb(204, 102, 0) 50%, rgb(204, 102, 0) 50%, rgb(204, 102, 0) 60%, rgb(255, 255, 255) 60%, rgb(255, 255, 255) 75%, rgb(204, 102, 0) 75%, rgb(204, 102, 0) 95%, rgb(255, 255, 255) 95%, rgb(255, 255, 255) 100%);
    }

    #websiteNav ul {
        width: 100%;
        max-width: 480px;
        max-height: 0;
        overflow: hidden;
        position: fixed;
        right: 0;
        top: 62px;
    }

    #websiteNav.openMenu ul {
        max-height: 18em;
        overflow: hidden;
        background-color: rgb(255, 255, 255);
    }

    #websiteNav .priceList {
        display: block;
    }

    #websiteNav ul li {
        width: 100%;
        text-align: center;
        padding: 5px 0;
        margin: 0;
    }

    #websiteNav ul li:hover {
        background-color: rgb(250, 250, 250);
    }

    #websiteNav ul li a {
        display: block;
    }

    .quarter {
        width: 48%;
        margin: 0 0 1.11em;
    }

    footer .half, footer .half:last-child {
        text-align: center;
    }
}

/* Portrait small tablets */
@media only screen 
and (-webkit-min-device-pixel-ratio: 1)
and (max-width: 800px) 
and (orientation: portrait),
only screen 
and (-min-moz-device-pixel-ratio: 1)
and (max-width: 800px) 
and (orientation: portrait),
only screen 
and (-o-min-device-pixel-ratio: 1/1)
and (max-width: 800px) 
and (orientation: portrait),
only screen 
and (min-device-pixel-ratio: 1)
and (max-width: 800px) 
and (orientation: portrait),
only screen 
and (in-resolution: 72dpi)
and (max-width: 800px) 
and (orientation: portrait),
only screen 
and (min-resolution: 1dppx)
and (max-width: 800px) 
and (orientation: portrait),
only screen
and (max-width: 800px) 
and (orientation: portrait) {
    footer {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .quarter, .half {
        width: 100%;
        margin: 0 0 0.5em;
    }

    footer .half:last-child {
        margin-bottom: 0;
    }
}

@media only screen 
and (-webkit-min-device-pixel-ratio: 1)
and (max-width: 680px) 
and (orientation: portrait),
only screen 
and (-min-moz-device-pixel-ratio: 1)
and (max-width: 680px) 
and (orientation: portrait),
only screen 
and (-o-min-device-pixel-ratio: 1/1)
and (max-width: 680px) 
and (orientation: portrait),
only screen 
and (min-device-pixel-ratio: 1)
and (max-width: 680px) 
and (orientation: portrait),
only screen 
and (in-resolution: 72dpi)
and (max-width: 680px) 
and (orientation: portrait),
only screen 
and (min-resolution: 1dppx)
and (max-width: 680px) 
and (orientation: portrait),
only screen
and (max-width: 680px) 
and (orientation: portrait) {
    #homeSlideshow h1 {
        font-size: 1.6em;
    }

    #homeSlideshow p {
        font-size: 0.95em;
    }
}

@media only screen 
and (-webkit-min-device-pixel-ratio: 1)
and (max-width: 600px) 
and (orientation: portrait),
only screen 
and (-min-moz-device-pixel-ratio: 1)
and (max-width: 600px) 
and (orientation: portrait),
only screen 
and (-o-min-device-pixel-ratio: 1/1)
and (max-width: 600px) 
and (orientation: portrait),
only screen 
and (min-device-pixel-ratio: 1)
and (max-width: 600px) 
and (orientation: portrait),
only screen 
and (in-resolution: 72dpi)
and (max-width: 600px) 
and (orientation: portrait),
only screen 
and (min-resolution: 1dppx)
and (max-width: 600px) 
and (orientation: portrait),
only screen
and (max-width: 600px) 
and (orientation: portrait) {
    body {
        font-size: 12px;
    }

    .logo {
        max-width: 50%;
    }

    #headerSM {
        height: 30px;
        top: 16px;
    }

    #homeSlideshow .overlay p {
        display: none;
    }
}