@charset "utf-8";
/* CSS Document 
		-webkit-
		-moz-
		-ms-
		-o-
*/
@media screen and (max-width: 600px) and (min-width: 412px) {
		body{
			background-color: #000;
			text-align: center;
			font-family: 'Roboto', sans-serif;
			font-size: 1em;
			color: #CCC;
		}
		#backgroundContainer{
				position: absolute;
				background:url("iMGS/AJsAutoworksBGImg.jpg");
				background-position:  center center;
				background-repeat: no-repeat;
				background-size: cover;
				left: 50%;
				margin-left: -50%;
				width: 100%;
				bottom: 0;
				height: 100%;
				z-index: 896;	
				overflow:hidden;
				opacity:.95;
				border: none;
		}
			
		#header{
				position:fixed;
				background-color: #000;
				bottom: 0;
				height: 8%;
				left: 0;
				width: 100%;
				border: none;
				border-top: 1px solid #A9A9A9;
				overflow: hidden;
				opacity: .5;
			}
		.headerChoice{
				width: 25%;
				height: 50%;
				float: left;
			}
		.headerChoice:hover{
				background-color: #A9A9A9;
				color: #000;
				cursor: pointer;
			}	
		#headerMenuOptions{
			position: absolute;
			left: 0;
			top: 30%;
			width: 80%;
		}
		#logoHeader{
				background:url("iMGS/AJslogoOEsm.png");
				background-position: center center;
				background-repeat: no-repeat;
				background-size: contain;
				background-color: #fff;
				position: absolute;
				right: 0;
				top: 0;
				width: 20%;
				height: 100%;
				opacity: .75;
			}
			
		#logoMain{
			position: absolute;
				background:url("iMGS/AJsLogoMD.png");
				background-position:  center center;
				background-repeat: no-repeat;
				left: 0;
				margin-left: -106px;
				top: 0;
				margin-top: -80px;
				width: 400px;
				height: 330px;
				z-index: 896;	
				overflow:hidden;
				opacity: .75;

					transform: scale(.55);
				-webkit-transform: scale(.55);
				-moz-transform: scale(.55);
				-ms-transform: scale(.55);
				-o-transform: scale(.55);
		}
	}
}