:root {
	--main-content-height: calc(100% - 214px);
}

section {
	height: 100%;
	position: relative;
}

h1.productTypeHeading {
	font-size: 2em;
	color: var(--main-fg);
	text-transform: uppercase;
	font-family: 'interstate-condensed', sans-serif;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	text-align: center;
	margin: 30px 0px;
}

/*MAIN CONTENT*/
main.mainSection {
	position: relative;
	min-height: var(--main-content-height);
	background: unset;	
	max-width: 1280px;
	display: block;
	margin: 0px auto;
	padding: 0px;
}

section.mainContainer:before {
	background-image: url(../images/interiorBackground.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: block;
	content:"";
	opacity: .25;
	z-index: -1;
}

.brand {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin: 0px 0px 20px 0px;
	background: var(--main-bg);
	text-align: center;
	border: solid 10px var(--border-line);
}

.brandInner {
	position: relative;
	padding-top: 56.25%;
}

.brand img {
	top: 50%;
	left: 50%;
	max-width: 75%;
	max-height: 100px;
	position: absolute;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.brandContainer {
	padding: 20px;
}

@media (min-width: 38em) {
	h1.productTypeHeading {
		font-size: 5em;
		margin: 50px 0px;
	}

	.brandContainer {
		border-top: solid 20px var(--border-line);
		background: #ffffff;
		padding: 100px;
		width: 100%;
	}

	.brand {
		width: calc(33.333% - 13.666px);
		margin-right: 20px;
	}

	.brand:nth-child(3n) {
		margin-right: 0px;
	}
}

@media (min-width: 64em) {
}