/* @font-face {
	font-family: "Blair Bold";
	src: url("fonts/BlairITCTTBold.ttf")
	}

@font-face {
	font-family: "Blair Light";
	src: url("fonts/BlairITCTTLight.ttf")
	}

@font-face {
	font-family: "Blair Medium";
	src: url("fonts/Blaimim_.ttf")
	}

@font-face {
	font-family: "Helvetica Neue Thin";
	src: url("fonts/HelveticaNeueLTStd-Th.otf")
	}

@font-face {
	font-family: "Helvetica Neue Roman";
	src: url("fonts/HelveticaNeueLTStd-Roman.otf")
	}

@font-face {
	font-family: "Helvetica Neue Light";
	src: url("fonts/HelveticaNeueLTStd-Lt.otf")
	}
	*/

@font-face {
	font-family: "Work Sans Extra Light";
	src: url("fonts/FontsFree-Net-WorkSans-ExtraLight.ttf")
	}

@font-face {
		font-family: "Work Sans Regular";
		src: url("fonts/FontsFree-Net-WorkSans-Regular.ttf")
		}

@font-face {
				font-family: "Work Sans Semi-Bold";
				src: url("fonts/FontsFree-Net-WorkSans-SemiBold.ttf")
				}

@font-face {
				font-family: "Work Sans Medium";
				src: url("fonts/FontsFree-Net-WorkSans-Medium.ttf")
				}



body {
	background-color: #1c2e3b;
	width:100%;
	}

a {
	color: #d8d8d8;
	text-decoration: none;
	}

a:visited {
	color: #d8d8d8;
	}

a:hover {
	/* color: grey; */
	color: #e21f26;
	}

.mainWrapper {

	/*background-image: url('images/ChalkyBlack.jpg');
	background-repeat: repeat-x;
	background-position: center;
	/* background: linear-gradient(rgba(65,65,65,0.8),rgba(0,0,0,1)); */
	width: 100%;
	/* max-width:1216px; */
	padding: 48px 0px;
	margin:0 auto;
	position: relative;
	top: 0px;
	}


img.TrovatoLogo {
	max-width: 180px;
	padding-bottom: 170px;
}

#subHead {
	width: 100%;
	max-width: 1000px;
	margin: auto;
	font-family:"Work Sans Extra Light";
	color: white;
	/*background-color: #e21f26;*/
	font-size:67px;
	line-height: 18px;
	letter-spacing: 1.2px;
	text-align: left;
	position: relative;
	padding: 0px;

	/* border-bottom: 2px solid gray; */
	}

	#subHeadKern {
		letter-spacing: -8px;
	}

	#subHead-2 {
		width: 100%;
		max-width: 1000px;
		margin: auto;
		font-family:"Work Sans Regular";
		color: white;
		/*background-color: #e21f26;*/
		font-size:12px;
		line-height: 18px;
		letter-spacing: 0.5px;
		text-align: left;
		position: relative;
		padding-bottom: 30px;
		/* border-bottom: 2px solid gray; */
		}

.subHeadBreak {
line-height: 1.8;

}

.subHeadMobile {
	display: none;
}

.shortDash {

	}

.holder {
	width: 100%;
	/*margin-left: 16px;
	margin-right: 16px;
	*/
}

.imageWrapper {
	/* background-color:green; */
	max-width: 1010px;
	/*height: 384px;*/
	padding: 8px;
	margin: auto;
	margin-bottom: 16px;
	}

.imageWrapper > div > img {
		width: 100%;
		height:;
	}

.imageBlock {
	width:190px;
	height: 190px;
	background-color:;
	float:left;
	margin: 6px;

	/*border: 1px solid grey;*/
	display: inline-block;
	}




/* .imageBlock:hover {
	opacity:0.5;
	transition: opacity 1s;
	}
	*/


/*.imageBlock:nth-child(4), .imageBlock:nth-child(8) {
	background-color: orange;
	margin-right:0px;

	}
	*/


#contact {
	font-family:"Work Sans Regular";
	color: #d8d8d8;
	font-size:9px;
	line-height: 15px;
	text-align: left;
	letter-spacing:0.7px;
	/*margin-bottom: 32px;
	padding: 0px 32px;
	*/
	}

.footerWrapper {
	width: 100%;
	max-width: 1000px;
	margin: auto;
}

.footer {
	color: #e21f26;
	text-align: left;
	font-family:"Work Sans Medium";
	font-size: 15px;
	letter-spacing:0.5px;
	/*margin-left: 32px;
	margin-right: 32px;
	margin-top: 0px;
	margin-bottom: 8px;
	line-height: 20px;
	*/
	}

.greaterThan {
	font-family:"Work Sans Medium";
	color: white;
	position: relative;
	top: -1px;
 }

clearFix:before,
.clearFix:after  {
	content: "";
	display: table;
	}

.clearFix:after {
	clear: both;
	}

#map {
	width: 100%;
	height: 500px;
	max-width:800px;
	margin: auto;
	background-color: #000000;
}

#map-container {
	max-width: 800px;
	margin: auto;
	border: 2px solid gray;
	padding: 16px;
	background-color: black;
}

#map-wrapper {
	padding: 0 24px;
}



@media screen and (min-width:833px) and (max-width:1040px) {

#subHead, #subHead-2, .footerWrapper {
	padding-left: 18px;
}


}

@media screen and (min-width:622px) and (max-width:823px) {

	#subHead, #subHead-2, .footerWrapper {
		padding-left: 18px;
	}

	.imageWrapper > div > img {
		width: 100%;
		height:;
	}
	.imageBlock {
		width: 31%;
		height: 100%;
	}


}

@media screen and (min-width: 530px) and (max-width:621px) {


	#subHead, #subHead-2, .footerWrapper {
		padding-left: 18px;
	}

	#subHead-2 {
		font-size: 16px;
		line-height: 21px;
	}

.footer {
	font-size: 17px;
	padding-bottom: 8px;
}
	#contact {
		font-size: 15px;
		line-height: 21px;
	}

	.imageWrapper > div > img {
		width: 100%;
		height:;
	}
	.imageBlock {
		width: 31%;
		height: 100%;
	}

}


@media screen and (min-width: 460px) and (max-width:529px) {

	#subHead, #subHead-2, .footerWrapper {
		padding-left: 18px;
	}

	#subHead-2 {
		font-size: 16px;
		line-height: 21px;
	}

	#contact {
		font-size: 15px;
		line-height: 21px;
	}

.footer {
		font-size: 17px;
		padding-bottom: 8px;
	}

	.imageWrapper > div > img {
		width: 100%;
		height:;
	}
	.imageBlock {
		width: 47.3%;
		height: 100%;
	}
}


@media screen and (min-width: 369px) and (max-width:459px) {

	#subHead, #subHead-2, .footerWrapper {
		padding-left: 18px;
	}

	#subHead-2 {
		font-size: 16px;
		line-height: 21px;
	}

  #subHead {
			font-size:60px;
		}

	.subHeadDesktop {
			display: none;
		}

	#subHead.subHeadMobile {
				display: block;
				line-height: 64px;
				padding-bottom: 20px;
			}

	#contact {
				font-size: 15px;
				line-height: 21px;
			}

	.footer {
				font-size: 17px;
				padding-bottom: 8px;
			}

 img.TrovatoLogo {
				padding-bottom: 65px;
			}

	.imageWrapper > div > img {
		width: 100%;
		height:;
	}
	.imageBlock {
		width: 46.6%;
		height: 100%;
	}
}


@media screen and (min-width: 320px) and (max-width:368px) {

	#subHead, #subHead-2, .footerWrapper {
		padding-left: 18px;
	}

	#subHead-2 {
		font-size: 16px;
		line-height: 21px;
	}

	#subHead {
			font-size:60px;
		}

	.subHeadDesktop {
			display: none;
		}

		#subHead.subHeadMobile {
				display: block;
				line-height: 64px;
				padding-bottom: 20px;
			}


   #contact {
				font-size: 15px;
				line-height: 21px;
			}

	.footer {
				font-size: 17px;
				padding-bottom: 8px;
			}

  img.TrovatoLogo {
				padding-bottom: 65px;
			}

	.imageWrapper > div > img {
		width: 100%;
		height:;
	}
	.imageBlock {
		width: 45.6%;
		height: 100%;
	}
}



@media screen and (min-width: 0px) and (max-width: 319px) {

	#subHead, #subHead-2, .footerWrapper {
		padding-left: 18px;
	}

	#subHead-2 {
		font-size: 16px;
		line-height: 21px;
	}

	#subHead {
			font-size:60px;
		}

.subHeadDesktop {
	display: none;
}

#subHead.subHeadMobile {
			display: block;
			line-height: 55px;
			padding-bottom: 20px;
			font-size: 50px;
		}


#contact {
			font-size: 15px;
			line-height: 21px;
		}

.footer {
			font-size: 17px;
			padding-bottom: 8px;
		}

img.TrovatoLogo {
	padding-bottom: 65px;
}


	.imageWrapper > div > img {
		width: 96%;
		height:;
	}
	.imageBlock {
		width: 100%;
		height: 100%;
	}
}