
body{
	margin: 0;
	font-family: Nunito, sans-serif;
}

table{
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	width: 250px;
	background: #ddd;
}
	
a:link, a:active, a:visited{
	color: #666666;
	font-weight: 700;
	text-decoration: none;
}
	 
a:hover{
	color: #000;
	text-decoration: underline;
}	

a.phone:link, a.phone:active, a.phone:visited{
	color: #666666;
	font-weight: 700;
	text-decoration: none;
	font-size: 24px;
}
	
a.phone:hover{
	color: #000;
	text-decoration: underline;
}	

header {
	position: fixed;
	top: 0;
	width: 99%;
	height: 60px;
	display: flex;
	justify-content: flex-start;
	padding: 10px;
	background: white;
	z-index: 1000;
}

#logo {
	position: absolute;
	left: 60px;
	width: 220px;
	background: #fff;
	transition: width 1s, right 1s;
	padding: 4px 8px 4px 8px;
	border-radius: 8px;
}

.shrink {
	width: 90px !important;
	position: fixed;
	top: 0px;
	left: 60px;
}

#mainImg{
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	top: 90px;
	width: 98%;
	z-index: 0;
}

div#nav{
	position: fixed;
	right: 90px;
	top: 30px;
	z-index: 10;
	width: 300px;
	height: 30px;
}
				
#navServices{
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 14px;
	z-index: 40;
	height: 15px;
}

#navAbout{
	position: absolute;
	left: 80px;
	top: 0px;
	font-size: 14px;
	z-index: 40;
	height: 15px;
}

#navContact{
	position: absolute;
	left: 168px;
	top: 0px;
	font-size: 14px;
	z-index: 40;
	height: 15px;
}

div#navBottom{
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	bottom: 0px;
	z-index: 10;
	width: 300px;
	height: 50px;
	color: #666666;
}
				
#navServices2{
	font-size: 14px;
	z-index: 40;
	height: 15px;
}

#navAbout2{
	font-size: 14px;
	z-index: 40;
	height: 15px;
}

#navContact2{
	font-size: 14px;
	z-index: 40;
	height: 15px;
}

div#phone{
	position: fixed;
	left: 0px;
	right: 0px;
	margin: auto;
	top: 30px;
	width: 480px;
	font-size: 14px;
	color: #333333;
	opacity:.9;	
	text-align: center;
	border-radius: 8px;
	text-align: center;
	z-index: 20;
}

div#part1{
	position: absolute;
	right: 40px;
	top: 230px;
	width: 480px;
	color: #fff;
	padding: 20px; 
	opacity:.9; 
	font-size: 24px;
	font-weight: 500;
	z-index: 2;
}

div#part2{
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	top: 450px;
	width: 98%;
	color: #333333;
	padding: 20px;
	border-radius: 8px;
	z-index: 2;
}

div#servicesHead{
	position: absolute;
	left: 80px;
	top: 140px;
	width: 170px;
	color: #333333;
	text-align: left;
	font-size: 26px;
	z-index: 2;
}

div#services{
	position: absolute;
	left: 80px;
	top: 170px;
	color: #333333;
	z-index: 0;
	width: 760px;
	height: 500px;
}

#truckImg{
	position: absolute;
	right: 50px;
	top: 140px;
	width: 300px;
	opacity:.8;
	z-index: 0;
}

#repair1{
	position: absolute;
	right: 50px;
	top: 350px;
	width: 300px;
	opacity:.8;
	z-index: 0;
}

#repair2{
	position: absolute;
	right: 50px;
	top: 746px;
	width: 300px;
	opacity:.8;
	z-index: 0;
}

#utvImg{
	position: absolute;
	right: 50px;
	top: 1086px;
	width: 300px;
	opacity:.8;
	z-index: 0;
}

div#part3{
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	top: 1300px;
	width: 98%;
	color: #333333;
	padding: 20px;
	z-index: 2;
}

div#aboutHead{
	position: absolute;
	left: 80px;
	top: 110px;
	width: 170px;
	color: #333333;
	text-align: left;
	font-size: 26px;
	z-index: 2;
}

div#about{
	position: absolute;
	left: 80px;
	top: 150px;
	width: 760px;
	color: #333333;
	border-radius: 8px;
	font-family: Arial, sans-serif;
	font-size: 18px;
	z-index: 0;
}

div#part4{
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	top: 1750px;
	width: 98%;
	color: #333333;
	padding: 20px;
	height: 550px;
	z-index: 2;
}

div#contactHead{
	position: absolute;
	left: 80px;
	top: 130px;
	width: 170px;
	color: #333333;
	text-align: left;
	font-size: 26px;
	z-index: 2;
}

div#contact{
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	top: 140px;
	height: 550px;
	width: 800px;
	color: #333333;
	border-radius: 8px;
	text-align: center;
	z-index: 0;
}

.answer{
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #333333;	
	padding-bottom: 10px;
}

.question{
	font-family:Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#333;	
	font-style:italic;
}

#notice{
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	top: 110px;
	width: 200px;
	color: #000;
	background: #a3d900;
	text-align: center;
	font-size: 16px;
	z-index: 200;	
}

div#notice {
  animation: cssAnimation 0s 8s forwards;
  visibility: visible;
}

@keyframes cssAnimation {
  to   { visibility: hidden; }
}


/* //////////////////////////////////////////////////////////// 1199 /////////////////////////////////////////////////*/
@media (max-width: 1199px) {

	a:link, a:active, a:visited{
		color: #666666;
		font-weight: 700;
		text-decoration: none;
	}
		
	a:hover{
		color: #000;
		text-decoration: underline;
	}	

	a.phone:link, a.phone:active, a.phone:visited{
		color: #666666;
		font-weight: 700;
		text-decoration: none;
		font-size: 24px;
	}
		
	a.phone:hover{
		color: #000;
		text-decoration: underline;
	}	

	header {
		position: fixed;
		top: 0;
		width: 100%;
		height: 60px;
		display: flex;
		justify-content: flex-start;
		padding: 10px;
		background: white;
		z-index: 1000;
	}

	#logo {
		position: absolute;
		left: 60px;
		width: 220px;
		background: #fff;
		transition: width 1s, right 1s;
		padding: 4px 8px 4px 8px;
		border-radius: 8px;
	}

	.shrink {
		width: 90px !important;
		position: fixed;
		top: 0px;
		left: 60px;
	}

	#mainImg{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 90px;
		width: 98%;
		height: 490px;
		z-index: 0;
	}

	div#nav{
		position: fixed;
		right: 90px;
		top: 30px;
		z-index: 10;
		width: 246px;
		height: 30px;
	}

	div#navBottom{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		bottom: 70px;
		z-index: 10;
		width: 300px;
		height: 30px;
	}
					
	#navServices{
		position: absolute;
		left: 0px;
		top: 0px;
		font-size: 14px;
		z-index: 40;
		height: 15px;
	}

	#navAbout{
		position: absolute;
		left: 80px;
		top: 0px;
		font-size: 14px;
		z-index: 40;
		height: 15px;
	}

	#navContact{
		position: absolute;
		left: 168px;
		top: 0px;
		font-size: 14px;
		z-index: 40;
		height: 15px;
	}

	div#phone{
		position: fixed;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 30px;
		width: 220px;
		font-size: 14px;
		color: #333333;
		opacity:.9;	
		text-align: center;
		border-radius: 8px;
		text-align: center;
		z-index: 20;
	}

	div#part1{
		position: absolute;
		right: 30px;
		top: 230px;
		width: 480px;
		color: #fff;
		padding: 20px; 
		opacity:.9; 
		font-size: 24px;
		font-weight: 500;
		z-index: 2;
	}

	div#part2{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 450px;
		width: 98%;
		color: #333333;
		padding: 20px;
		border-radius: 8px;
		z-index: 2;
	}

	div#servicesHead{
		position: absolute;
		left: 80px;
		top: 140px;
		width: 170px;
		color: #333333;
		text-align: left;
		font-size: 26px;
		z-index: 2;
	}

	div#services{
		position: absolute;
		left: 80px;
		top: 170px;
		color: #333333;
		z-index: 0;
		width: 680px;
		height: 500px;
	}

	#truckImg{
		position: absolute;
		right: 50px;
		top: 140px;
		width: 200px;
		opacity:.8;
		z-index: 0;
	}

	#repair1{
		position: absolute;
		right: 50px;
		top: 300px;
		width: 200px;
		opacity:.8;
		z-index: 0;
	}

	#repair2{
		position: absolute;
		right: 50px;
		top: 586px;
		width: 200px;
		opacity:.8;
		z-index: 0;
	}

	#utvImg{
		position: absolute;
		right: 50px;
		top: 830px;
		width: 200px;
		opacity:.8;
		z-index: 0;
	}

	div#part3{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 1350px;
		width: 98%;
		color: #333333;
		padding: 20px;
		z-index: 2;
	}

	div#aboutHead{
		position: absolute;
		left: 80px;
		top: 110px;
		width: 170px;
		color: #333333;
		text-align: left;
		font-size: 26px;
		z-index: 2;
	}

	div#about{
		position: absolute;
		left: 80px;
		top: 150px;
		width: 680px;
		font-family:Arial, sans-serif;
		font-size:18px;
		color: #333333;
		border-radius: 8px;
		z-index: 0;
	}

	div#part4{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 1750px;
		width: 98%;
		color: #333333;
		padding: 20px;
		z-index: 2;
	}

	div#contactHead{
		position: absolute;
		left: 80px;
		top: 130px;
		width: 170px;
		color: #333333;
		text-align: left;
		font-size: 26px;
		z-index: 2;
	}

	div#contact{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 140px;
		height: 500px;
		width: 800px;
		color: #333333;
		border-radius: 8px;
		text-align: center;
		z-index: 0;
	}

	.answer{
		font-family:Arial, sans-serif;
		font-size:18px;
		font-weight:normal;
		color: #333333;	
		padding-bottom:10px;
	}

	.question{
		font-family:Arial, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#333;	
		font-style:italic;
	}

	#notice{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 110px;
		width: 200px;
		color: #000;
		background: #a3d900;
		text-align: center;
		font-size: 16px;
		z-index: 200;	
	}

	div#notice {
	  animation: cssAnimation 0s 8s forwards;
	  visibility: visible;
	}

	@keyframes cssAnimation {
	  to   { visibility: hidden; }
	}
}


/* //////////////////////////////////////////////////////////// 991 /////////////////////////////////////////////////*/
@media (max-width: 991px) {

	a:link, a:active, a:visited{
		color: #666666;
		font-weight: 700;
		text-decoration: none;
	}
		
	a:hover{
		color: #000;
		text-decoration: underline;
	}	

	a.phone:link, a.phone:active, a.phone:visited{
		color: #666666;
		font-weight: 700;
		text-decoration: none;
		font-size: 24px;
	}
		
	a.phone:hover{
		color: #000;
		text-decoration: underline;
	}	

	header {
		position: fixed;
		top: 0;
		width: 100%;
		height: 60px;
		display: flex;
		justify-content: flex-start;
		padding: 10px;
		background: white;
		z-index: 1000;
	}

	#logo {
		position: absolute;
		left: 40px;
		width: 200px;
		background: #fff;
		transition: width 1s, right 1s;
		padding: 4px 8px 4px 8px;
		border-radius: 8px;
	}

	.shrink {
		width: 90px !important;
		position: fixed;
		top: 0px;
		left: 60px; 
	}

	#mainImg{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 90px;
		width: 98%;
		height: 490px;
		z-index: 0;
	}

	div#nav{
		position: fixed;
		right: 20px;
		top: 30px;
		z-index: 10;
		width: 246px;
		height: 30px;
	} 
					
	#navServices{
		position: absolute;
		left: 0px;
		top: 0px;
		font-size: 14px;
		z-index: 40;
		height: 15px;
	}

	#navAbout{
		position: absolute;
		left: 80px;
		top: 0px;
		font-size: 14px;
		z-index: 40;
		height: 15px;
	}

	#navContact{
		position: absolute;
		left: 168px;
		top: 0px;
		font-size: 14px;
		z-index: 40;
		height: 15px;
	}

	div#navBottom{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		bottom: 70px;
		z-index: 10;
		width: 300px;
		height: 30px;
	}
					
	#navServices2{
		font-size: 14px;
		z-index: 40;
		height: 15px;
	}

	#navAbout2{
		font-size: 14px;
		z-index: 40;
		height: 15px;
	}

	#navContact2{
		font-size: 14px;
		z-index: 40;
		height: 15px;
	}

	div#phone{
		position: fixed;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 30px;
		width: 220px;
		font-size: 14px;
		color: #333333;
		opacity:.9;	
		text-align: center;
		border-radius: 8px;
		text-align: center;
		z-index: 20;
	}

	div#part1{
		position: absolute;
		right: 30px;
		top: 230px;
		width: 480px;
		color: #fff;
		padding: 20px; 
		opacity:.9; 
		font-size: 24px;
		font-weight: 500;
		z-index: 2;
	}

	div#part2{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 480px;
		width: 98%;
		color: #333333;
		padding: 20px;
		border-radius: 8px;
		z-index: 2;
	}

	div#servicesHead{
		position: absolute;
		left: 10px;
		top: 140px;
		width: 170px;
		color: #333333;
		text-align: left;
		font-size: 26px;
		z-index: 2;
	}

	div#services{
		position: absolute;
		left: 10px;
		top: 170px;
		color: #333333;
		z-index: 0;
		width: 500px;
		height: 500px;
	}

	#truckImg{
		position: absolute;
		right: 50px;
		top: 140px;
		width: 200px;
		opacity:.8;
		z-index: 0;
	}

	#repair1{
		position: absolute;
		right: 50px;
		top: 320px;
		width: 200px;
		opacity:.8;
		z-index: 0;
	}

	#repair2{
		position: absolute;
		right: 50px;
		top: 626px;
		width: 200px;
		opacity:.8;
		z-index: 0;
	}

	#utvImg{
		position: absolute;
		right: 50px;
		top: 890px;
		width: 200px;
		opacity:.8;
		z-index: 0;
	}

	div#part3{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 1570px;
		width: 98%;
		color: #333333;
		padding: 20px;
		z-index: 2;
	}

	div#aboutHead{
		position: absolute;
		left: 10px;
		top: 110px;
		width: 170px;
		color: #333333;
		text-align: left;
		font-size: 26px;
		z-index: 2;
	}

	div#about{
		position: absolute;
		left: 10px;
		top: 150px;
		width: 700px;
		font-family:Arial, sans-serif;
		font-size:18px;
		color: #333333;
		border-radius: 8px;
		z-index: 0;
	}

	div#part4{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 2040px;
		width: 98%;
		color: #333333;
		padding: 20px;
		z-index: 2;
	}

	div#contactHead{
		position: absolute;
		left: 10px;
		top: 130px;
		width: 170px;
		color: #333333;
		text-align: left;
		font-size: 26px;
		z-index: 2;
	}

	div#contact{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 140px;
		height: 500px;
		width: 600px;
		color: #333333;
		border-radius: 8px;
		text-align: center;
		z-index: 0;
	}

	.answer{
		font-family:Arial, sans-serif;
		font-size:18px;
		font-weight:normal;
		color:#666;	
		padding-bottom:10px;
	}

	.question{
		font-family:Arial, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#333;	
		font-style:italic;
	}

	#notice{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 110px;
		width: 200px;
		color: #000;
		background: #a3d900;
		text-align: center;
		font-size: 16px;
		z-index: 200;	
	}

	div#notice {
	  animation: cssAnimation 0s 8s forwards;
	  visibility: visible;
	}

	@keyframes cssAnimation {
	  to   { visibility: hidden; }
	}
}





/* //////////////////////////////////////////////////////////// 767 /////////////////////////////////////////////////*/
@media (max-width: 767px) {

	a:link, a:active, a:visited{
		color: #666666;
		font-weight: 700;
		text-decoration: none;
	}
		
	a:hover{
		color: #000;
		text-decoration: underline;
	}	

	a.phone:link, a.phone:active, a.phone:visited{
		color: #666666;
		font-weight: 700;
		text-decoration: none;
		font-size: 24px;
	}
		
	a.phone:hover{
		color: #000;
		text-decoration: underline;
	}	

	header {
		position: fixed;
		top: 0;
		width: 100%;
		height: 60px;
		display: flex;
		justify-content: flex-start;
		padding: 10px;
		background: white;
		z-index: 1000;
	}

	#logo {
		position: absolute;
		left: 30px;
		width: 200px;
		background: #fff;
		transition: width 1s, right 1s;
		padding: 4px 8px 4px 8px;
		border-radius: 8px;
	}

	.shrink {
		width: 90px !important;
		position: fixed;
		top: 0px;
		left: 60px;
	}
	
	#mainImg{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 90px;
		width: 98%;
		height: 490px;
		z-index: 0;
	}

	div#nav{
		position: fixed;
		right: 14px;
		top: 10px;
		z-index: 10;
		width: 64px;
		height: 30px;
	}
					
	#navServices{
		position: absolute;
		left: 0px;
		top: 0px;
		font-size: 14px;
		z-index: 40;
		height: 15px;
	}

	#navAbout{
		position: absolute;
		left: 0px;
		top: 26px;
		font-size: 14px;
		z-index: 40;
		height: 15px;
	}

	#navContact{
		position: absolute;
		left: 0px;
		top: 52px;
		font-size: 14px;
		z-index: 40;
		height: 15px;
	}  
 
	div#navBottom{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		bottom: 20px;
		z-index: 10;
		width: 240px;
		height: 30px;
	}
				
	#navServices2{
		font-size: 14px;
		z-index: 40;
		height: 15px;
	}

	#navAbout2{
		font-size: 14px;
		z-index: 40;
		height: 15px;
	}

	#navContact2{
		font-size: 14px;
		z-index: 40;
		height: 15px;
	}

	div#phone{
		position: fixed;
		left: 150px;
		top: 30px;
		font-size: 14px;
		color: #333333;
		text-align: center;
		border-radius: 8px;
		z-index: 20;
		transition: width 0.7s, right 0.7s;
	} 

	.shrink2 {
		width: 150px !important;
		position: fixed;
		top: 4px;
		right: 190px !important;
	}
 
	div#part1{
		position: absolute;
		left: 20px;
		top: 230px;
		width: 480px;
		color: #fff;
		padding: 20px; 
		opacity:.9; 
		font-size: 24px;
		font-weight: 500; 
		z-index: 2;
	}

	div#part2{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 480px;
		width: 99%;
		color: #333333;
		padding: 0px;
		border-radius: 8px;
		z-index: 2;
	}

	div#servicesHead{
		position: absolute;
		left: 4px;
		top: 140px;
		width: 170px;
		color: #333333;
		text-align: left;
		font-size: 26px;
		z-index: 2;
	}

	div#services{
		position: absolute;
		left: 4px;
		top: 170px;
		color: #333333;
		z-index: 0;
		width: 360px;
		height: 500px;
	}

	#truckImg{
		position: absolute;
		right: 4px;
		top: 190px;
		width: 190px;
		opacity:.8;
		z-index: 0;
	}

	#repair1{
		position: absolute;
		right: 4px;
		top: 400px;
		width: 190px;
		opacity:.8;
		z-index: 0;
	}

	#repair2{
		position: absolute;
		right: 4px;
		top: 730px;
		width: 190px;
		opacity:.8;
		z-index: 0;
	}

	#utvImg{
		position: absolute;
		right: 4px;
		top: 1020px;
		width: 190px;
		opacity:.8;
		z-index: 0;
	}

	div#part3{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 1870px;
		width: 99%;
		color: #333333;
		padding: 20px;
		z-index: 2;
	}

	div#aboutHead{
		position: absolute;
		left: 4px;
		top: 110px;
		width: 170px;
		color: #333333;
		text-align: left;
		font-size: 26px;
		z-index: 2;
	}

	div#about{
		position: absolute;
		left: 4px;
		top: 150px;
		width: 500px;
		font-family:Arial, sans-serif;
		font-size:18px;
		color: #333333;
		border-radius: 8px;
		z-index: 0;
	}

	div#part4{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 2490px;
		width: 98%;
		color: #333333;
		z-index: 2;
	}

	div#contactHead{
		position: absolute;
		left: 4px;
		top: 130px;
		width: 170px;
		color: #333333;
		text-align: left;
		font-size: 26px;
		z-index: 2;
	}

	div#contact{
		position: absolute;
		left: 8px;
		top: 200px;
		margin-left: 0px;
		height: 550px;
		width: 99%;
		color: #333333;
		border-radius: 8px;
		text-align: center;
		z-index: 0;
	}

	.answer{
		font-family:Arial, sans-serif;
		font-size:18px;
		font-weight:normal;
		color: #333333;	
		padding-bottom:10px;
	}

	.question{
		font-family:Arial, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#333;	
		font-style:italic;
	}

	#notice{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 110px;
		width: 200px;
		color: #000;
		background: #a3d900;
		text-align: center;
		font-size: 16px;
		z-index: 200;	
	}

	div#notice {
	  animation: cssAnimation 0s 8s forwards;
	  visibility: visible;
	}

	@keyframes cssAnimation {
	  to   { visibility: hidden; }
	}
}






/* //////////////////////////////////////////////////////////// 575 /////////////////////////////////////////////////*/
@media (max-width: 575px) {										

	a.phone:link, a.phone:active, a.phone:visited{
		color: #666666;
		font-weight: 700;
		text-decoration: none;
		font-size: 16px;
	}
		
	a.phone:hover{
		color: #000;
		text-decoration: underline;
	}	
	
	a:link, a:active, a:visited{
		color: #666666;
		font-weight: 700;
		font-size: 18px;
		text-decoration: none;
	}
		 
	a:hover{
		color: #000;
		text-decoration: underline;
	}

	table{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		width: 280px;
		background: #ccc;
	}

	header {
		position: absolute;
		top: 0;
		left: 0px;
		right: 0px;
		margin: auto;
		padding: 0px;
		background: white;
		z-index: 1000;
	}

	#logo {
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		margin: auto;
		width: 330px;
	}
	
	.shrink {
		position: absolute;
		top: 0 !important;
		left: 0px !important;
		right: 0px;
		margin: auto;
		width: 330px !important;
	}
		
	#mainImg{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 360px;
		width: 370px;
		height: 280px;
		opacity:.8;
		z-index: 0;
	}

	div#part1{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 530px;
		width: 330px;
		padding: 6px;
		color: #fff;
		opacity:.9;
		background: rgba(54, 73, 80, 0.8);
		border-radius: 8px;
		z-index: 2;
	}
	
	div#nav{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 330px;
		width: 350px;
		height: 20px;
		z-index: 40;
	}
	
	#navServices{
		position: absolute;
		left: 30px;
		top: 0px;
		border-radius: 8px;
		font-size: 20px;
		z-index: 40;
		height: 15px;
	}
	
	#navAbout{
		position: absolute;
		left: 136px;
		top: 0px;
		border-radius: 8px;
		font-size: 20px;
		z-index: 40;
		height: 15px;
	}
	
	#navContact{
		position: absolute;
		left: 250px;
		top: 0px;
		border-radius: 8px;
		font-size: 20px;
		z-index: 40;
		height: 15px;
	}
 
	div#navBottom{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		bottom: -250px;
		z-index: 10;
		width: 290px;
		height: 30px;
		font-size: 28px;
	}
				
	#navServices2{
		font-size: 18px;
		z-index: 40;
		height: 18px;
	}

	#navAbout2{
		font-size: 18px;
		z-index: 40;
		height: 18px;
	}

	#navContact2{
		font-size: 18px;
		z-index: 40;
		height: 18px;
	}

	div#phone{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 270px;
		border-radius: 8px;
		font-size: 12px;
		z-index: 40;
		transition: width 10000s, right 10000s;
	}

	.shrink2 {
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 260px;
		border-radius: 8px;
		font-size: 12px;
		z-index: 40;
		transition: width 10000s, right 10000s;
	}

	div#part2{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 900px;
		width: 99%;
		color: #333333;
		padding: 20px;
		opacity:.9;
		background: rgba(255, 255, 255, 0.8);
		border-radius: 8px;
		z-index: 2;
	}

	div#servicesHead{
		position: absolute;
		left: 10px;
		top: 20px;
		width: 170px;
		color: #333333;
		text-align: left;
		font-size: 26px;
		z-index: 2;
	}

	#truckImg{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 90px;
		width: 330px;
		opacity: 1;
		z-index: 0;
	}

	div#services{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 310px;
		height: 20px;
		width: 330px;
		color: #333333;
		border-radius: 8px;
		z-index: 0;
	}

	#repair1{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 1650px;
		width: 330px;
		opacity:.8;
		z-index: 0;
	}

	#repair2{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 946px;
		top: 2080px;
		width: 330px;
		opacity:.8;
		z-index: 0;
	}

	#utvImg{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 2444px;
		width: 330px;
		opacity:.8;
		z-index: 0;
	}

	div#part3{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 3770px;
		width: 99%;
		color: #333333;
		border-radius: 8px;
		z-index: 2;
	}

	div#aboutHead{
		position: absolute;
		left: 10px;
		top: 20px;
		width: 170px;
		color: #333333;
		text-align: left;
		font-size: 26px;
		z-index: 2;
	}

	div#about{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 100px;
		height: 330px;
		width: 330px;
		color: #333333;
		border-radius: 8px;
		z-index: 0;
	} 

	div#part4{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 4600px;
		width: 99%;
		height: 550px;
		color: #333333;
		border-radius: 8px;
		text-align: center;
		z-index: 2;
	}

	div#contactHead{
		position: absolute;
		left: 10px;
		top: 100px;
		width: 170px;
		color: #333333;
		text-align: left;
		font-size: 26px;
		z-index: 2;
	}	

	div#contact{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 140px;
		height: 330px;
		width: 330px;
		color: #333333;
		border-radius: 8px;
		z-index: 0;
	}

	.answer{
		font-family:Arial, sans-serif;
		font-size:18px;
		font-weight:normal;
		color: #333333;	
		padding-bottom:10px;
	}

	.question{
		font-family:Arial, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#333;	
		font-style:italic;
	}

	#notice{
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 110px;
		width: 200px;
		color: #000;
		background: #a3d900;
		text-align: center;
		font-size: 16px;
		z-index: 200;	
	}

	div#notice {
	  animation: cssAnimation 0s 8s forwards;
	  visibility: visible;
	}

	@keyframes cssAnimation {
	  to   { visibility: hidden; }
	}				
					
}
