@-ms-viewport,
@viewport {
    width: device-width;
}

@media screen and (min-width: 1680px) {
    .bodyHeader {
        
    }
}

@media screen and (min-width: 1280px) and (max-width: 1679px) {

}

@media screen and (min-width: 640px){
    
}

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

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

@media screen and (max-width: 979px) {
    /*nav.mainNav li {margin-left: 3.5rem;}*/
}

@media screen and (max-width: 768px) {
    /*h1.logo a, strong.logo a {float: none; width: 8rem;padding-top: 5rem;margin: 0 auto; background-image: url(../images/logo_2.svg); position: absolute; left: 50%; margin-left: -4rem;}
    #navBtn {display: block; position: absolute; top: 0; right: 0;}
    nav.mainNav {padding-right: 0; padding-top: 30px;}
    nav.mainNav:before {display: none;}
    nav.mainNav ul {display: none;}
    nav.mainNav li {float: none; margin: 1rem 0; text-align: right;}*/

    .tableStructure.wImg .col {
        padding: 1rem;
    }

    .tableStructure.oneForth {display: block; font-size: 0;}
}

@media screen and (max-width: 640px) {
    section.main {padding: 1rem; }
    .bodyHeader {}
    .bodyHeader .wrapper.fixed h1.logo a, .bodyHeader .wrapper.fixed strong.logo a, .bodyHeader_inner .wrapper h1.logo a {background-image: url(../images/logo-icon.svg); width: 4.5rem; padding-top: 4.5rem;}

    #pagetop p, #pagetop div {width: 40px; height: 40px;}

    
}

@media screen and (max-width: 480px) {
    .wrapper {width: 90%;}

    .bodyHeader {padding: 3rem 2rem;}

    nav.mainNav li a {font-size: 1.4rem;}
    .bodyHeader .wrapper.fixed nav.mainNav { margin-top: -12px;}

    footer {
        position: static; 
        -ms-transform: rotate(0deg); 
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);

        padding: 2rem 1rem;
        text-align: center;
    }
}

@media screen and (max-width: 360px) {
    #pagetop {bottom: 35px; right: 15px;}
}

@media only screen and (max-device-width: 480px) {
    
}