/************************************************************************************
smaller than 840
*************************************************************************************/
@media screen and (max-width: 840px) {
	
  body {
      font-size: 16px;
}
    

 #header {
		  height: 80px;
  max-height: 80px;   
    }
    
    nav {
  margin: 5px 10px 30px 0px;
}
    
      img.site-logo {
    width: 300px;
        	margin: 12px 0 0 0;
}
    
    
    #content {
    margin-top: 81px;
        width: 90%;
    min-height: 700px;
}
    

    #footer {
	width: 100%;
	padding: 30px 0px 50px 0;

}

  


}






/************************************************************************************
smaller than 460
*************************************************************************************/
@media screen and (max-width: 460px) {

    
nav {
  margin: 0px 0px 30px 0px;
}
    
    #header-content {
	width: calc(100% - 120px);
    margin-left: 60px;
}

    
    img.site-logo {
    width: 235px;
                	margin: 12px 0 0 0;

}
    
 #header {
		  height: 70px;
  max-height: 70px;   
    }
    
    
    
    #content {
    margin-top: 71px;
}
    
    
    
}