@charset "utf-8";

img {
border-style:none;
}

div#container{
width: 60em;
height: auto;
margin: 9em 9em;
}

div#logo{
width: 18%;
height: auto;
margin: auto;
}

img{
width: 85%;
height: 49%;

-moz-transition-property: width, height;
-o-transition-property: width, height;
-webkit-transition-property: width, height;
transition-property: width, height;

-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}

img:hover{
width: 85%;
height: 49%;
}

@media only screen and (orientation: landscape) and (max-width: 980px){
div#container{
width: 60em;
height: auto;
margin: 6em 9em;
}
}

@media only screen and (min-width: 981px){
div#container{
width: 60em;
height: auto;
margin: 9.9em 9em;
}

div#logo{
float: left;
width: 18%;
height: auto;
margin-left: 9.4%;
}

img:hover{
width: 170%;
height: 98%;
}
}