@charset "utf-8";
/* CSS Document 
		-webkit-
		-moz-
		-ms-
		-o-
*/

@media only screen and (max-width: 411px) {
	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);
		}
}