@media only screen and (max-width: 1200px) {    .stripe {
    top: 350px;
    }
    .mainnavi li a {
    padding-left: 30px;
    padding-top: 50px;
   
}
.content {padding-top: 30px;}
.left {padding-top: 0};
}
    @media only screen and (max-width: 992px) {

    .stripe {
    display: none;
    }
    .mainnavi li {
    height: 100px;
    }
    .mainnavi li a {
    padding-left: 0px;
    padding-top: 20px;
    text-align: center;  
    }
    .mainnavi li a h1 {font-size: 22px;}
    .mainnavi li a h2 {font-size: 14px;}
    }    
    @media only screen and (max-width: 768px) {
     #bg {top: 0;}
     a.mobilemenu {display: inherit;}
    
    }
    @media only screen and (max-width: 480px) {}
    
    @media only screen and (max-width: 320px) {}