html, body img{
  margin: 0;
  padding: 0;
  }
  
header{
	background: #c0c0c0;
	opacity: 0.7;
	height: 80px;
	width: 93%;
	border-radius: 0px 0px 220px 220px;
	box-shadow: 5px 5px 30px #c0c0c0;
}

header img{
	top: 2%;	
	display: inline-block;
	padding-left: 14%;
	width: 7%;
	opacity: 0.9;
}

a img{
 -webkit-transition: 2s;
}

a img:hover{
  -webkit-transform: rotate(-10deg);
  -webkit-transition: 0.5s; 
}


@media (max-width: 1024px)
{
    header{
		  width: 90%;
	  }
}

@media (max-width: 800px) {
    header{
		  width: 87.8%;
	  }
}

@media (max-width: 768px) {
    header{
		  width: 88%;
	  }
}
      
@media (max-width: 480px) {
    header{
		  width: 80%;
		  height: 40px;
	  }
    header img{
		  width: 10%;
		  padding-left: 7%;
	      }	  
}

@media (max-width: 320px) {
    header{
		  opacity: 0.6;
		  width: 70%;
		  height: 40px;
	  }
    header img{
      
		  width: 16%;
		  padding-left: 7%;
	      }	  
}