@media (max-width: 600px) {
  /*changes for smaller screens */
      
   #all {
    width: 100%;
	 height: 90%;	
    font-size: 125%;
   }
  
	header {
	 display: block;
    width: 110%;
    height: auto;	
	 padding: 0;
}

   nav {
    display: block;
    width: 100%;
    height: auto;	
	 padding: 0;
   }
   
   #content{
    display: block;
    width: 100%;
    height: auto;    
   }
   
   footer {
    display: block;
    width: 100%; 
	 padding: 0;
   }
   
}