.main_banner_container {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.main_banner_container h1 {
	font-weight: 400;
	text-shadow: 0px 1px 12px #000000;
	letter-spacing: 6px;
	text-align: center;
	font-family: montserrat, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
}

#main_content_container {
	background-image: url("/images/backgrounds/noise.jpg");
	background-repeat: repeat;
	background-position: center;
}

#main_content_container {
	padding-top: 3rem;
}

#main_content_container h1{
	color: #545454;
	font-family: montserrat, sans-serif;
	font-wight: 400;
	letter-spacing: 2px;
	line-height: 42px;
	text-transform: uppercase;
	text-align: center;
}

.larger {
	font-size: 1.25rem;
}


.photo_tile {
	box-shadow: 0px 2px 6px rgba(0,0,0,0.22);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	margin: .75rem;
	position: relative;
}

.photo_tile a {
	display: inline-block;
	text-decoration: none;
	width: 100%;
	height: 100%;
}
.photo_tile a:hover {
	background-image: url("/images/download.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 74px;
	background-color: #dddddd;
	opacity: .5;
}

.pos_lt { background-position: left top; }
.pos_lc { background-position: left center; }
.pos_lb { background-position: left bottom; }
.pos_ct { background-position: center top; }
.pos_cc { background-position: center center; }
.pos_cb { background-position: center bottom; }
.pos_rt { background-position: right top; }
.pos_rc { background-position: right center; }
.pos_rb { background-position: right bottom; }

.sze_con { background-size: contain; }
.sze_cov { background-size: cover; }

.bg_wht { background-color: #ffffff; }





/*------------------------------------------------------------------------------------------------*\
| xs breakpoint
\*------------------------------------------------------------------------------------------------*/
@media (max-width: 575px) {
	.main_banner_container {
		height: 425px;
		padding-top: 200px;
	}

	.main_banner_container h1 {
		font-size: 36px;
		line-height: 50px;
	}

	.photo_tile {
		width: 253px;
		height: 253px;
	}
	
	#main_content_container h1{
		font-size: 21px;
	}

	.larger {
		font-size: 1rem;
	}
}





/*------------------------------------------------------------------------------------------------*\
| sm breakpoint
\*------------------------------------------------------------------------------------------------*/
@media (min-width: 576px) and (max-width: 767px) {
	.main_banner_container {
		height: 467px;
		padding-top: 270px;
	}

	.main_banner_container h1 {
		font-size: 52px;
		line-height: 62px;
	}

	.photo_tile {
		width: 215px;
		height: 215px;
	}
}





/*------------------------------------------------------------------------------------------------*\
| md breakpoint
\*------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
	.main_banner_container {
		height: 560px;
		padding-top: 270px;
	}

	.main_banner_container h1 {
		font-size: 52px;
		line-height: 62px;
	}

	.photo_tile {
		width: 253px;
		height: 253px;
	}
}





/*------------------------------------------------------------------------------------------------*\
| lg breakpoint
\*------------------------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
	.main_banner_container {
		height: 560px;
		padding-top: 270px;
	}

	.main_banner_container h1 {
		font-size: 52px;
		line-height: 62px;
	}

	.photo_tile {
		width: 253px;
		height: 253px;
	}
}





/*------------------------------------------------------------------------------------------------*\
| xl breakpoint
\*------------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
	.main_banner_container {
		height: 560px;
		padding-top: 270px;
	}

	.main_banner_container h1 {
		font-size: 52px;
		line-height: 62px;
	}

	.photo_tile {
		width: 253px;
		height: 253px;
	}
}