/* ----- ----- ----- ----- ----- ----- ----- */
/*Home Page StyleSheet*/
/* ----- ----- ----- ----- ----- ----- ----- */
	/*Main Container - large body for each page*/
	#main-container-fluid{
		color: black;
		/*Gradient Grey To White*/
		background: #e4e4e4; /* Old browsers */
		background: -moz-linear-gradient(top,  #e4e4e4 0%, #fcfcfc 27%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(27%,#fcfcfc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e4e4e4 0%,#fcfcfc 27%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e4e4e4 0%,#fcfcfc 27%,#ffffff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e4e4e4 0%,#fcfcfc 27%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #e4e4e4 0%,#fcfcfc 27%,#ffffff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		padding-bottom: 15px;
	}
	/*Mobile Navigation*/
	#mobile-home-menu{
		padding-left: 0px;
		text-align: center;
		margin-bottom: 20px;
		margin-top: 0px;
	}
	#mobile-home-menu li{
		padding: 10px;
		margin: 5px 0px;
		background: #050505;
	}
	#mobile-home-menu li a{
		color: white;
	}
	#promo-header{
		margin: 0px;
	}
	#btn-find-vehicle{
		margin-top: 20px;
	}
	#promo-header,
	#promo-header .emphasised
	{
		font-family: "Futura_Bold", "Nunito";
		font-size: 50px;
		line-height: 55px;
	}
	#promo-paragraph{
		font-family: "Futura_Light", "Nunito";
		font-size: 20px;
		line-height: 24px;
		margin-top: 10px;
	}
	/*Large images on the home page*/
	#page-promo{
		width: 100%;
	}
	/*Information tier below the main section*/
	#information-tier{
		margin-top: 30px;
		background: lightgrey;
		border-radius: 10px;
		font-size: 11px;
		padding: 20px;
		/*Gradient Grey To White*/
		background: #ededf1; /* Old browsers */
		background: -moz-linear-gradient(top,  #ededf1 1%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ededf1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ededf1 1%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ededf1 1%,#ffffff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ededf1 1%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ededf1 1%,#ffffff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededf1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
	/*The small icons in the information section*/
	#information-tier .icon{
		margin-top: 3px;
	}
	#information-tier p{
		margin-top: 14px;
		font-size: 13px;
	}
	#information-tier b:hover{
		color: grey;
	}
	#information-tier a{
		color: black;
		text-decoration: none;
	}
		
/* ----- ----- ----- ----- ----- ----- ----- */
/*Responsive CSS*/
/* ----- ----- ----- ----- ----- ----- ----- */
	/*Mobile Screen Sizes*/
	@media only screen and (max-width: 767px){
		#information-tier{
			text-align: center;
		}
		#information-tier p{
			margin: 20px auto;
			font-size: 15px;
		}
		#information-tier .icon{
			margin-top: 30px;
		}
		#promo-paragraph{
			margin-top: 20px;
		}
		#btn-find-vehicle{
			margin-top: 20px;
		}
		#main-container-fluid{
			padding-bottom: 20px;
		}
	}
	/*Small Screen Sizes*/
	@media only screen and (min-width: 768px) and (max-width: 991px){
		#information-tier{
			text-align: center;
		}
		#information-tier p{
			/*margin-top: 40px;*/
			font-size: 15px;
		}
		#information-tier .block{
			margin: 10px auto;
			border-bottom: 1px solid #ddd;
			padding: 10px 0px;
		}
		#information-tier .icon{
			margin-top: 5px;
			margin-bottom: 5px;
			height: 174px;
		}
		#information-tier .block .header-image{
			text-align: left;
			padding-left: 20px;
			padding-right: 0px;
		}
		#information-tier .block:nth-child(even) .header-image{
			text-align: right;
			padding-left: 0px;
			padding-right: 50px;
		}
		#information-tier .block p{
			text-align: left;
			margin-top: 30px;
		}
		#information-tier .block:nth-child(even) p{
			text-align: right;
		}
	}
	/*Medium Screen Sizes*/
	@media only screen and (min-width: 992px) and (max-width: 1199px){
		#information-tier{
			text-align: center;
		}
		#information-tier p{
			margin-top: 15px;
		}
	}