/*
Responsive: Device = Dekstop , Laptop
*/

@media screen and (min-width: 1000px){
	
.header{
    width: 100%;
    height: 80px;
    border: 0px solid;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: whitesmoke;
}

.logo{
    width: 460px;
    height: 80px;
    border: 0px solid;
    margin: auto;
}

.img-logo{

  float: left;
  width: 100%;
  height: 72px;

}

}


@media only screen and (max-width: 999px){
	
	  
	  .header{
		  width: 100%;
		  height: 70px;
		  border: 0px solid;
		  padding-top: 5px;
		  padding-bottom: 5px;
		  background-color: grey;
	  }
	  
	    .logo{
		  width: 460px;
		  height: 80px;
		  border: 0px solid;
		  margin: auto;
	  }

	
	  
	  .img-logo{
		  float: left;
		  width: 100%;
		  height: 69px;
	  }
}


/*
Responsive: Device = Small Tablet, Ipad
*/


@media only screen and (max-width: 767px){
	
	  
	  .header{
		  width: 100%;
		  height: 62px;
		  border: 0px solid;
		  padding-top: 5px;
		  padding-bottom: 5px;
		  background-color: cyan;
	  }
	  
	    .logo{
		  width: 400px;
		  height: 60px;
		  border: 0px solid;
		  margin: auto;
	  }

	
	  
	  .img-logo{
		  float: left;
		  width: 100%;
		  height: 60px;
	  }
}


/*
Responsive: Device = Mobile Phone
*/


@media only screen and (max-width: 480px){
	
	  
	  .header{
		  width: 100%;
		  height: 50px;
		  border: 0px solid;
		  padding-top: 5px;
		  padding-bottom: 5px;
		  background-color: orange;
	  }
	  
	    .logo{
		  width: 350px;
		  height: 45px;
		  border: 0px solid;
		  margin: auto;
	  }

	
	  
	  .img-logo{
		  float: left;
		  width: 100%;
		  height: 50px;
	  }
}