h1 {text-align:center; text-transform:uppercase;}

.h-block{background:url(https://blueprint.cdn.cloud.searchoptics.net/650e0091d55de9f89c1aef79993b7056/Showroom%20Vehicles/banner_vehicle_showroom.jpg) center center no-repeat;}
.h-block{width:100%;height:274px;margin:0 0 3%;position:relative;background-size:cover;display:table;}
.h-block::before {content:'';width: 100%;height: 100%;position: absolute;display:block;background-position:top left;background-repeat: repeat;
    background-image: url('https://blueprint.cdn.cloud.searchoptics.net/650e0091d55de9f89c1aef79993b7056/ford_canada_dotPattern.png');}
.h-block h1.h1{width:100%;position:relative;color:white;font-weight:bold;text-align:center;text-transform:uppercase;display:table-cell;vertical-align:middle;}
@media screen and (max-width: 550px) {
  	.h-block {height: 160px;}
}

#showroomWrapper{margin-bottom:3%;}

/*** Toggle Navigation  ****/
#vehShowroomToggle {width:100%;height:auto;text-align: center;display: block;}
#vehShowroomToggle ul {width: auto;margin: 3% 0;padding: 0;list-style-type:none;display:block;text-align: center;}
#vehShowroomToggle ul li{display:inline-block;margin:3px;padding:1.5vw 0;}
#vehShowroomToggle ul li:first-child;{float:left;margin-left:0;}
#vehShowroomToggle ul li a.navToggle {background-color:#3198D4;color:#fff;padding:1.5vw 2vw;text-transform:uppercase;}
#vehShowroomToggle ul li a.navToggle.active,
#vehShowroomToggle ul li a.navToggle:hover{color:#fff;background-color:#3198D4;text-decoration:none;}
#vehShowroomToggle ul li a.navToggle.active{text-decoration:underline;}

@media screen and (max-width: 992px) {}
@media screen and (max-width: 450px) {
  	#vehShowroomToggle ul li a.navToggle {font-size: 12px;}
}

/*** Hide Lineups ***/
#carLineup div, #coLineup div, #suvLineup div, #truckLineup div, #hybridLineup div, #comLineup div {opacity:0;height:0;}
.carToggled #carLineup div,.coToggled #coLineup div,.suvToggled #suvLineup div,.truckToggled #truckLineup div,.hybridToggled #hybridLineup div, 
.comToggled #comLineup div{transition: opacity .50s ease-in;-moz-transition: opacity .50s ease-in;-webkit-transition: opacity .50s ease-in;opacity: 1;display:block;height:auto;}

/*** Vehicle Info Blocks ****/
.vehContainer {padding:0 0 25px;border:1px solid #e1e1e1;margin:0 0 3% -1px !important;background:#fff;}
.vehInfo {text-align:center; padding:25px 0 28px}
.vehTitle {height: 48px !important;font-size:1.875em;font-weight:bold;text-transform:uppercase;} 
.vehPrice {color:#3198D4;font-size:1.875em;padding:10px 0 20px;}
.vehFeature {color:#626466;font-size:1.064em;}
.invLink {padding:20px 0;}
.invLink a{color:#d81b27;padding:20px 0 0;}
.row .infoLinks .col{padding:0 5px;}
.infoLinks div:nth-child(1) > div {margin-left:10px;}
.infoLinks div:nth-child(2) > div {margin-right:10px;}
.infoLinks a {width:100%;padding:15px 0;background: #3198d4 !important;transition: 0.5s !important;color:#fff !important;text-align:center;text-transform:uppercase;text-decoration: none !important;display:block;}
.infoLinks a:hover {background: grey !important;}

@media screen and (min-width: 992px) and (max-width: 1300px){
  	.infoLinks div {width: 100%;margin: 0;border-bottom:3px solid transparent;}
  	.carToggled #carLineup div {margin: 0;}
  	.infoLinks div:nth-child(1) > div {margin-left: 0 !important;}
}
@media screen and (max-width: 767px) {
  	.img-responsive {margin:auto;}
}
@media screen and (max-width: 450px) {
  	.infoLinks div {width: 100%;margin: 0;border-bottom:3px solid transparent;}
  	.infoLinks div:nth-child(1) > div {margin-left:0px;}
	.infoLinks div:nth-child(2) > div {margin-right:0px;}
}
