/* iPhone 5  750, 720, 640, 540, 480, 320, 412 (Nexus 5x) */

/* --------- 1650px --------- */
@media only screen and (max-width: 1800px) {
    nav.menu div.overlay { display: none; }
    nav.menu div.overlay a { display: none; }
    .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-1_1 { background-position: center -400px; }
}


/* --------- 1480px --------- */
@media only screen and (max-width: 1480px) {
    nav.menu div.overlay { display: none; }
    nav.menu div.overlay a { display: none; }
    .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-1_1 { background-position: center -300px; }
}

/* --------- 1080px --------- */
@media only screen and (max-width: 1080px) {
    .logo { margin-top: 90px; max-width: 350px; }
    
    nav.menu { margin: 15px auto; }
    nav.menu a.inner {  padding: 15px 10px; white-space: nowrap; font-size: 18px;}
    nav.menu a.inner:hover { font-size: 22px; }
    
    .slogan { font-size: 1.5em; }
    .hide-medium  { display: none; }
    
    .bgimg-1 { min-height: inherit;}
    .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-1_1 { background-position: 0% 0%; }
    .bgimg-1, .bgimg-2, .bgimg-3 { background-attachment: scroll; }
}

/* --------- 420px --------- */
@media only screen and (max-width: 420px) {
    img.preview { float: inherit; margin-left: 0px; display: block; }
    .logo { max-width: 80%; }
    h1 { font-size: 24px; }
    h2 { font-size: 18px; }
    div.left { margin-right: 0px; }
    
    nav.menu { margin: 10px auto; }
    nav.menu a.inner { font-size: 14px; }
    nav.menu a.inner:hover { font-size: 18px; }
    
    .bgsmall .logo { max-width: 80%; }
    
    .hide-small {display: none;}
    .slogan { font-size: 1em; margin-bottom: 15px;}
    .ref-main { margin-top: -90px; }
    
    div.float-left, div.float-center, div.float-right { margin-left: 10px; min-width: inherit; }
}

/* --------- 380px --------- */
@media only screen and (max-width: 380px) {
    .logo { margin-top: 110px; }
    h1 { font-size: 22px; }
    h2 { font-size: 15px; }
}