.container{
    margin-top: 10px;
  }
img {
  transition: transform .2s; /* Animation */
	width:420px; 
	height:180px; 
	margin-left:auto;
  margin: 0 auto;
}

img:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/*# Phone*/
@media only screen and (max-width:570px){
	#logo{
    margin-left: 38%;
  }
  #banner{
    visibility: hidden;
  }
  #container{
  	margin-top: -60%;
  }
  #slogon{
  	margin-left: -12px;
  }
}

/*# Tablet*/
@media only screen and (min-width:570px) and (max-width:768px){
	
}

/*# Desktop*/
@media only screen and (min-width:769px){
	/*.banner{
    width: 100%;
    padding: 50px;
    margin-left: 500px;
  }*/
}