@media screen and (max-width: 1002px) {
  header img{
	  width: 128px;
	  margin: 4px;
	  margin: 1%;
  }
  
  header span{
	  display: none;
  }
  
  header{
	  height: 280px;
	  text-align: center;
  }
  
  .social{
	  float: none;
  }
  
  .label h3{
	  font-size: 200%;
  }
  
  .label h1{
	  font-size: 200%;
  }
  
  .body{
	  background-position: center;
  }
  
  footer li{
	  display: block;
	  border: 1px solid white;
	  width: 33%;
	  margin-left: 30%;
  }
  
  footer ul{
	  background-color: rgba(0,0,0,0.0);
	  border-style: none;
  }
  
  nav a, .dropdown{
	  display: block;
  }
  
  .dropcontent{
	  position: relative;
	  width: 100%;
	  display: block;
  }
  
  nav{
	height: auto;
	padding-bottom: 10px;
	display: none;
  }
  
  .menu{
	  display: block;
	  color: white;
	  border: 1px solid white;
	  padding: 15px;
	  text-decoration: none;
	  width: 15%;
	  margin-left: 40%;
	  font-size: 200%;
  }
  
  .menu:hover{
	  color: black;
	  background-color: white;
	  border: 1px solid black;
  }

}