@media screen and (max-width: 744px){
    
    * { box-sizing: border-box; }
    body { background-color: #fff; }
    img {
        max-width: 100%; height: auto; display: block;
    }
    #logo {
        z-index: 2002;
    }
    
    #main {
        width:100%;
    }
    
    #header-img {
        height: auto;
    }
    #header-img img {
        width: 100%; height: auto;
    }
    #navtog {
        display: block;
        position: fixed;
        top: 8px;
        right: 0px;
        z-index: 2001;
        background: rgba(255,255,255,.9);
                border-radius: 50vh 0px 0px 50vh;
           -moz-border-radius: 50vh 0px 0px 50vh;
        -webkit-border-radius: 50vh 0px 0px 50vh;
        border: 0px solid #000000;
    }
    .hamburger { padding: 6px 15px 5px 15px; }
    .hamburger-box {
        width: 33px;
    }
    .hamburger-inner, 
    .hamburger-inner:after, 
    .hamburger-inner:before {
        width: 33px;
        background-color: #0090db;
    }
    .hamburger-inner:before {
        top: -8px;
    }
    .hamburger-inner:after {
        bottom: -8px;
    }
    .hamburger.is-active .hamburger-inner, 
    .hamburger.is-active .hamburger-inner:after, 
    .hamburger.is-active .hamburger-inner:before {
        background-color: #606060;
    }
    .hamburger.is-active:hover, 
    .hamburger:hover {
        opacity: 1;
    }
    #top-white ul.lang-nav {
        top: 20px; right: 60px; 
        font-size: 12px;
        z-index: 2002;
    }
    #top-white ul.lang-nav li {
        padding: .5em .8em;
    }
    
    #nav { 
        float: none; top: inherit; position: fixed; overflow: hidden;
        position: fixed;
        top: 0; right: 0; bottom: 0; left: 0;
        width: 0px; opacity: 0;
        -webkit-transition: all ease-in-out 0.3s;
           -moz-transition: all ease-in-out 0.3s;
             -o-transition: all ease-in-out 0.3s;
                transition: all ease-in-out 0.3s;
        display: block;
    }
    #nav > ul { width: 100%; margin: 120px 20px 20px 90px;}
    #nav ul { font-size: 15px; }
    #nav ul li { padding: 5px 0 5px 0 }
    #nav ul li a { padding: 10px 0; display: block; line-height: 1.1; }
    #nav ul li ul { margin: 0; padding: 0; }
    
    #nav.open {
        width: 100%;
        opacity: 1;
        overflow-y: auto;
    }
    
    .lang-nav .full { display: none !important; }
    .lang-nav .small { display: inline !important; text-transform: uppercase; }
    
    #content-holder {
        margin: 0;
        padding: 0 15px;
    }
    #main-content {
        margin: 0;
    }
    
    
    .container-holder.full  { display: none; }
    .container-holder.small { 
        display: block; 
        margin: 2em -15px;
    }
    .container-holder.small #container {
        margin: 0 15px;
    }
    .container-holder.small #container p:last-child{
        margin-bottom: 0;
    }
    
    
    
    #footer {
        width: 100%;
        padding: 0 15px;
    }
    #footer ul {
        margin-left: 0;
    }
}


@media screen and (max-width: 600px){
    
    #logo {
        /*width: 240px;*/
    }
    #logo img {
        width: 100%; height: auto;
    }
    
    
    
    #footer {
        text-align: left;
    } 
    
    #footer ul {
        float: none;
        margin-bottom: 1em;
    }
    #footer .copyright { 
        display: block;
        margin-bottom: 2em;
    }
}


@media screen and (max-width: 500px){
    
    #logo {
        width: 144px;
    }
    
    #nav > ul { margin: 90px 20px 20px 45px;}
    
    #footer ul li {
        display: block;
        margin-bottom: 1em; margin-top: 1em;
    }
    #footer ul li a {
        display: block;
        padding: 5px 0;
    }
    #footer .copyright { 
        margin-bottom: 2em;
    }
}