/*********************************
* Example Page Styling
*********************************/

@media screen and (min-width: 1096px) and (max-width: 4000px) {
#container {
	width: 100%;
	height: 100%;
	max-width: 1200px;
	max-height: 700px;
	margin: 100px auto;

    position:relative;
}

}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) 
and (orientation : portrait)  {
	
	
	#container {
    width: 40%;
    height: 100%;
    max-width: 1200px;
    max-height: 700px;
    margin: 100px auto;
    position: relative;
    left: -308px;
	}
	
}