/* Alapelrendezés */  
  
#view {  
    margin: 0 auto;  
    max-width: 980px;  
}  
  
#header {  
    width: 100%;  
}  
  
#content {   
    width: 100%  
}  
  
#sidebar {  
    width: 30%;  
}  
  
#footer {  
    clear: both;  
    width: 100%;  
}  
  
#header, #content, #sidebar, #footer {   
    -webkit-box-sizing: border-box;  
    -moz-box-sizing: border-box;  
    box-sizing: border-box;  
} 
  
/* Kis felbontásra optimalizálás */  
  
@media screen and (max-width: 600px) {  
      
    #sidebar {  
        display: none; /* vagy float: none; és width: 100%; */  
    }  
      
    #content {  
        float: none;  
        width: 100%;  
    }  
      
}  
  
/* Mobil nézet */  
  
@media screen and (max-width: 480px) {  
      
    #company {  
        display: none;  
    }  
      
    #site-nav {  
        float: none;  
    }  
      
    #site-nav > li {  
        display: block;  
        text-align: center;  
    }  
      
}