@viewport {
    width: device-width;
    zoom: 1.0;
}


@media screen and (max-width: 1200px) {

    .container {
        width: 100%;
    }

    #borderup {
        margin: 10px;
        height: 28px;
        background-image: url(../images/assets/divu.png);
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
        padding: 0px;
    }

    #borderdown {
        margin: 10px;
        height: 28px;
        background-image: url(../images/assets/div.png);
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
        padding: 0px;
    }

    p {
        padding: 10px;
    }

    p.small {
        line-height: 20px;
    }

    .title h2 {
        padding: 20px;
    }

    /*********************************************************************************/

    /* Logo/header                                                                   */

    /*********************************************************************************/

    #logo {
        display: none;
    }

    #mobileheader {
        height: 200px;
        padding: 5px 0px 12px 0px;
        background-image: url(../images/assets/RH_logo.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    /*********************************************************************************/

    /* Meny                                                                          */

    /*********************************************************************************/

    .topnav a,
    .dropdown .dropbtn {
        display: none;
        background-color: #282d40;
        color: white;
    }

    .topnav a.icon {
        float: right;
        display: block;
        top: -216px;
        position: absolute;
    }

    .topnav .dropdown {
        width: 100%;
    }

    .topnav {
        height: 1px;
        width: 100%;
        max-width: 1200px;
        padding: 0px;
        border: 0px;
        background-image: url(../images/assets/blank.png);
    }

    .topnav.responsive {
        top: 0px;
        position: relative;
        width: 100%;
        max-width: 307px;
        padding-top: 45px;
        position: absolute;
        display: block;
        z-index: 1;
        background-color: transparent;
        border: 0px;
        background-image: url(../images/assets/blank.png);
    }

    .topnav.responsive .icon {
        position: absolute;
        top: 0;
        right: 1;
        width: 80px;
        border-top: 0px;
    }

    .topnav.responsive a {
        width: 150px;
        float: none;
        display: block;
        text-align: left;
        color: #585858 !important;
        background-color: white;
        border-top: 1px solid #838383;
        border-right: 1px solid #838383;
    }

    .topnav.responsive .dropdown {}

    .topnav.responsive .dropdown-content .dropbtn {}

    .topnav.responsive .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: left;
        float: none;
        width: 150px;
        border-bottom: 1px solid #838383;
    }

    /*********************************************************************************/

    /* Innehåll                                                                      */

    /*********************************************************************************/

    #page {
        background-image: none;
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
        padding: 0px;
    }

    #left {
        float: none;
        width: 100%;
        padding-top: 30px;
        padding-left: 0px;


    }

    #right {
        float: none;
        width: 100%;
        padding-top: 30px;
    }

    /*********************************************************************************/

    /* Copyright (text längst ned på sidan)                                          */

    /*********************************************************************************/

    #copyright {
        width: 100%;
        font-size: 0.5em;
    }
}

/*********************************************************************************/


@media screen and (max-width: 760px) {
    body {
        background-image: none;
    }
}

@media screen and (max-width: 520px) {
    #mobileheader {
        height: 200px;
        padding: 5px 0px 12px 0px;
        background-image: url(../images/assets/RH_logo_col.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}

@media screen and (max-width: 970px) {
    #footer #box2 {
        display: none;

    }
}

@media screen and (max-width: 665px) {
    #footer {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        color: #FFF;
        overflow: hidden;
        padding: 7px 0px 7px 0px;
        font-size: 1em;
    }

    #footer #box1 {
        margin: auto;
    }

    #footer #box2 {
        margin: auto;
        position: relative;
        display: none;

    }

    #footer #box3 {
        margin: auto;
        margin-top: 25px;

    }
}