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

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

    .logo {max-width: 400px; margin: auto; padding: 15px 0px;}
    .navi {position: relative;}
    .footer .wrapper {position: relative;}  
    }


    @media only screen and (max-width: 768px) {
      .sidenavi, .mainnavi {display: none;}
a.mobilemenu {display: inherit;}
.logo {max-width: 300px; margin: auto; padding: 30px 10px 15px 10px;}
.navi {display: none;}    
.footercontent img {max-width: 320px;}

 .slider, .topstripe, .bottomstripe {display: none;} 
 .mobilepic {display: block; }
 
    .main {padding: 15px 15px;}    
    .footercontent .frame-layout-0 {text-align: center; display: block;}
    .footer {background-image: none; background-color: #333;}
    }   

        
    @media only screen and (max-width: 480px) {
        
h1 {font-size: 26px;}
h2 {font-size: 20px; margin-top: 0;}
.ce-bodytext ul {
    padding-left: 15px;
    list-style: none;
}
    }

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