@media (max-width: 40em) {	
figure#logo {left:0;}

nav {height:7.5em;}
  nav li {width:25%;}
  nav li:nth-child(1) {margin-left:25%;}
  nav li:nth-child(3) {margin-left:0;}
  nav li:last-child {display:none;}

  #contact h2,
  #menu h2,
  #menu address {width:100%; position:relative;}
  #menu p {width:95%;}

  #banner p {width:75%;}
 
  #social li {width:20%; padding:0 2.5% 2.5em; float:left;}
  #social li div:nth-child(1) {max-width:7.5em;}
  #social li div:nth-child(2) {display:none;}
}
 
 
@media (max-width: 30em) {	
nav,
#slider {height:auto;}
 nav ul {padding-top:0;}
  nav li {width:100%; border-bottom:0.1em solid #f1f2f1;}  
  nav li:nth-child(1) {margin-left:0;}
   nav li a {width:60%; padding-left:40%; line-height:1.5; letter-spacing:0.1em;}
   nav li a:hover {margin-top:0; border-top:none; border-bottom:none;} 

  #slider li {width:46%; height:auto; margin:1.25em 1.5%;}  
   #slider div {width:100%; padding:0; top:0; position:relative;}
    #slider h3 {display:none;}
	#slider p.phone {padding:1em 0 0.25em; line-height:1.2;}
	 #slider p a {font-size:1.4em; padding-top:0.25em; line-height:1.5; color:#f1f2f1; border-top:0.1em solid #000; text-decoration:none; letter-spacing:-0.05em; text-shadow:0 0.1em 0.1em #000;}

#contact,
#menu {width:100%; box-shadow:none;}
}

@media (max-width: 25em) {	
   nav li a {width:65%; padding-left:35%;}
  #slider li {width:96%; margin:1em 0 1em 1.5%;}
    #slider p.phone {padding:2em 0 0.5em;}
	
 #banner ul {padding:0 0 2.5em;}	
  #banner li {width:100%; padding:1.5em 0; border-bottom:0.1em solid #f1f2f1;}
}