@media screen and ( min-width: 500px )
{
    body, textarea, input, select, th, td
        {
        font-size: 4vw;
    }

    body
        {
         margin-top: 3em;
    }

    h2
        {
        font-size: 5vw;
    }

    h3
        {
        font-size: 5vw;
    }

    #hero
        {
        position: relative;
    }

    #hero:after
        {
        content: '';
        display: table;
        clear: both;
    }

    #hero h2
        {
        font-size: 6.5vw;
    }

    #hero h2 > div
        {
        font-size: 4vw;
    }

    #hero img
        {
        float: left;
    }

    #hero img.ottakringer
        {
        width: 30%;
    }

    #hero img.best-western
        {
        width: 25%;
        margin-top: 20vw;
        margin-left: -3vw;
    }

    #hero img.ofb
        {
        width: 45%;
        margin-top: 7vw;
        margin-left: 2vw;
    }

    #hero p
        {
        position: absolute;
        left: 55vw;
        right: 4vw;
        bottom: 3vw;
        font-size: 2vw;
    }

    #unique ul:after
        {
        content: '';
        display: table;
        clear: both;
    }

    #unique li
        {
        display: block;
        float: left;
        width: calc( 33.3% - 2px - 2vw );
        margin-right: 3vw;
    }
    #unique li:last-child
        {
        margin-right: 0;
    }

    #unique p
        {
        margin-top: 10vw;
        font-size: 2.5vw;
    }

    #simple h2
        {
        font-size: 6vw;
        padding: 0.5em 0;
    }

    #step123 h3
        {
        text-align: center;
        font-size: 4vw;
    }

    #step123 ul:after
        {
        content: '';
        display: table;
        clear: both;
    }

    #step123 li
        {
        display: block;
        float: left;
        width: calc( 33.3% - 4vw );
        margin-right: 5vw;
    }
    #step123 li:last-child
        {
        margin-right: 0;
    }

    #step123 p
        {
        font-size: 2.5vw;
    }
    #step123 p.small
        {
        margin-top: 5vw;
        font-size: 1.5vw;
    }

    #occasions h2
        {
        font-size: 3.5vw;
        position: absolute;
        bottom: 10vw;
        right: auto;
    }

    #production h2
        {
        font-size: 5vw;
    }

    #production div
        {
        top: 6vw;
        left: 6vw;
        right: auto;
        bottom: auto;
        width: 70%;
        overflow: hidden;
    }

    #production p
        {
        font-size: 3vw;
    }

    #production ul
        {
        font-size: 3vw;
    }

    #references h2
        {
        font-size: 5vw;
    }

    #scores h2
        {
        font-size: 6vw;
        padding: 0.5em 0;
    }

    #price
        {
        position: relative;
    }

    #price ul
        {
        position: absolute;
        top: 6vw;
        width: 40%;
        margin-right: 3vw;
        font-size: 2.5vw;
    }

    #price img
        {
        position: absolute;
        top: 0vw;
        right: 3vw;
        width: 50%;
        z-index: 1;
    }

    #price p
        {
        position: absolute;
        left: 4vw;
        top: 23vw;
        margin-top: 6vw;
        font-size: 1.5vw;
    }

    #price .price-productinfo_header
        {
        margin-top: 35vw;
        font-size: 1.5vw;
    }

    #price .price-productinfo th,
    #price .price-productinfo td
        {
        font-size: 1.5vw;
    }

    #contact
        {
        font-size: 4vw;
    }

    #contact h3
        {
        font-size: 4vw;
    }

    footer
        {
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
}

@media screen and ( min-width: 1000px )
{
    body, textarea, input, select, th, td
        {
        font-size: 2vw;
    }

    body
        {
         margin-top: 1em;
    }

    #nav
        {
        font-size: 1.8vw;
    }

    h2
        {
        font-size: 4vw;
    }

    h3
        {
        font-size: 4vw;
    }

    #hero p
        {
        top: 57vw;
    }

    #simple h2
        {
        font-size: 4vw;
        padding: 0.2em 0;
    }

    #occasions h2
        {
        font-size: 3vw;
        position: absolute;
        bottom: 10vw;
        right: auto;
    }

    #production div
        {
        top: 4vw;
        left: 4vw;
        width: 60%;
        overflow: hidden;
    }

    #production h2
        {
        font-size: 4vw;
    }

    #production p
        {
        font-size: 2vw;
    }

    #production ul
        {
        font-size: 2vw;
    }

    #references h2
        {
        font-size: 4vw;
    }

    #scores h2
        {
        font-size: 4vw;
        padding: 0.2em 0;
    }

    #price ul
        {
        font-size: 2vw;
    }

    #price p
        {
        font-size: 1vw;
    }

    #price .price-productinfo_header
        {
        margin-top: 30vw;
        font-size: 1.2vw;
    }

    #price .price-productinfo th,
    #price .price-productinfo td
        {
        font-size: 1.2vw;
    }

    #contact
        {
        font-size: 2vw;
    }

    #contact h3
        {
        font-size: 2vw;
    }

    footer
        {
        padding-top: 1vw;
        padding-bottom: 1vw;
    }
}