/*@media (min-width: 1200px) {*/
    div.flex { width: 25%; }

    nav#topnav div.nav-inner {
        width: 1100px;
    }

    div#contentwrapper {
        max-width: 1100px;
        margin-left: auto;
        margin-right: auto;
    }
    div.box {
        margin-bottom: 25px;
    }
/*}*/

@media (min-width: 1200px) {
    div.language-selection { float: right; margin-bottom: 20px}
}

@media (min-width: 768px) {
    div.flex { width: 33.33%; }
    nav#topnav div.nav-inner {  width: 1078px; }
}

@media (max-width: 768px) {
    div.flex { width: 50%; }
    div.content { width: 100%; }
    div.context { width: 100%; }
    div.triplet { width: 47%; margin-bottom: 3%; }
    nav#topnav div.nav-inner { width: 100%; }
    input#searchField { width: 120px;}
    div#header {
        width: 100%;
        height: 200px;
    }

    div#header div {
        width: 100%;
    }

    div#header h2 {
        width: 30%;
        top: 65px;
        left: 5%;
        font-size: 24px;
        letter-spacing: 2px;
    }

    div#header img.bubbles {
        width: 530px;
        left: 30%;
        top: -10px;
    }

}

@media (max-width: 480px) {
    div.flex {
        width: 100%;
    }

    div.triplet {
        width: 97%;
        margin-bottom: 5%;
    }

    div.flex div.box div.text {
        height: auto;
    }

    nav#topnav div.nav-inner {
        width: 100%;
    }

    div#header {
        height: 140px;
    }

    div#header h2 {
        width: 30%;
        top: 50px;
        left: 5%;
        font-size: 14px;
        letter-spacing: 2px;
    }

    div#header img.bubbles {
        width: 400px;
        left: 30%;
        top: -10px;
    }

    nav#topnav a#navbar-logo {
        margin-top: 10px;
        width: 60%;
    }

    div#footer div.body div.center {
        width: 100%;
        float: left;
    }

    div#footer div.body div.logo_left {
        width: 110px;
        margin-right: 0px;
    }

    div#footer div.body div.logo_right {
        width: 120px;
        margin-left: 0px;
    }

    div#footer div.body div.logo_left a img {
        width: 110px;
    }

    div#footer div.body div.logo_right a img {
        width: 120px;
    }

    div.body div.contentimage {
        float: none;
        width: 100%;
        margin-left: 0;
        clear: both;
        text-align: center;
    }

    div.body div.contentimage .gallerymain {
        width: 100%;
    }
}

@media (max-width: 360px) {
    form.requestform img.logo {
        max-width: 80px;
    }

    a.imagebox {
        width: 80px;
        height: 80px;
        margin-bottom: 12px;
        margin-right: 12px;
    }

    div#footer div.body div.center {
        width: 100%;
        float: left;
    }
}