* {
	box-sizing: border-box;
}

body {
	background: #fff url(../images/roof_low.jpg) no-repeat 50% 50%;
	background-size: cover;
	background-attachment: fixed;
}

a,
a:visited {
	color: #00a;
	display: inline-block;
	text-decoration: none;
	transition: color 0.25s ease, background-color 0.25s ease;
}

a:active,
a:hover {
	background-color: rgba(64,64,64,0.75);
	color: rgb(245,165,30);
}

.hero {
	background: #fff url(../images/roof.jpg) no-repeat 50% 50%;
	background-size: cover;
	min-height: 100vh;
	width: 100vw;
}

.logo__ir {
	background: rgba(255,255,255,0.6) url(../images/logo.png) no-repeat 50% 50%;
	background-size: 95% auto;
	border-bottom: 1px solid rgba(0,64,255,0.25);
	height: 150px;
	margin: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

@media (min-width: 480px) {
	.logo__ir {
		background-size: auto 100px;
	}
}

.hero__heading * {
	box-sizing: border-box;
}

.hero__heading {
	background-color: rgba(0,0,0,0.3);
	border: 1px solid rgba(0,64,255,0.25);
	border-bottom: none;
	border-top: none;
	color: rgba(255,255,255,0.9);
	margin: 0 auto;
	max-width: 1200px;
	min-height: calc(100vh - 150px);
	padding: 2rem 0;
	text-align: center;
	width: 98%;
}

@media (min-width: 960px) {
	.hero__heading {
		width: 85%
	}
}

@media (min-width: 1200px) {
	.hero__heading {
		background-color: transparent;
		width: 75%
	}
}

.hero__heading h2 {
	font-size: 47px;
	letter-spacing: 5px;
	line-height: 1;
	margin: 0 0 2rem;
	max-width: 750px;
	text-align: center;
	text-shadow: 0 0 6px rgba(0,0,0,0.75);
}

@media (min-width: 960px) {
	.hero__heading h2 {
		display: inline-block;
		font-size: 80px;
		margin: 0;
		text-align: right;
		width: 48%
	}
}

@media (min-width: 1200px) {
	.hero__heading h2 {
		font-size: 115px;
		width: 50%;
	}
}

@media (min-width: 1440px) {
	.hero__heading h2 {
		font-size: 130px;
	}
}

.hero__content {
	line-height: 1.5;
	padding: 0 1rem;
	text-align: center;
	text-shadow: 0 0 3px rgba(0,0,0,0.6);
	vertical-align: top;
}

@media (min-width: 960px) {
	.hero__heading .hero__content {
		display: inline-block;
		padding: 0 2rem;
		text-align: left;
		width: 48%;
	}
}

@media (min-width: 1200px) {
	.hero__heading .hero__content {
		width: 40%;
	}
}

.hero__content a {
	background-color: rgba(0,0,64,0.3);
	border-radius: 8px;
	color: rgba(255,255,255,0.9);
	text-shadow: none;
}

.hero__content a:hover {
	color: rgb(245,165,30);
}

.hero__content .social .social__icon {
	background-color: rgba(0,0,64,0.3);
	border-radius: 8px;
}

.accreditations {
	background-color: rgba(255,255,255,1);
	padding: 1rem;
	text-align: center;
	width: 100%;
}

.accreditations img {
	display: inline-block;
	height: auto;
	width: calc(25% - 0.25rem);
	vertical-align: middle;
}

.video {
	height: calc((100vw * 0.5625) * 2);
}

.video__show,
.video__show iframe,
.video__show video {
	height: calc(100vw * 0.5625);
	position: relative;
	width: 100vw;
}

@media (min-width: 960px) {
	.video {
		height: calc(50vw * 0.5625);
	}

	.video__show,
	.video__show iframe,
	.video__show video {
		background-color: #000;
		height: calc(50vw * 0.5625);
		width: 50vw;
	}

	.video__show {
		display: inline-block;
	}

	.video__show:last-of-type {
		float: right;
	}
}

#map {
	background-color: rgb(64,64,64);
	height: 100vh;
	width: 100vw;
}

@media (min-height: 600px) {
	#map {
		max-height: 600px;
	}
}

#markerContent {
	display: none;
}

.footer {
	background-color: rgb(64,64,64);
	text-align: center;
}

.social {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.social li {
	display: inline-block;
}

.social .social__link {
	display: block;
	height: calc(50px + 2rem);
	padding: 1rem;
	width: auto;
}

.social .social__icon svg {
	display: block;
	height: 50px;
	max-height: 100%;
	max-width: 100%;
	width: auto;
}

.social .social__icon svg * {
	transition: fill 0.25s ease;
}

.social .social__icon:hover svg * {
	fill: rgb(245,165,30);
}

.certifications {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.certifications li {
	color: #fff;
	display: inline-block;
	padding: 0.5rem 1rem;
}

.copyright {
	color: rgba(255,255,255,0.3);
	font-size: 0.75rem;
	margin: 0;
	padding: 0.8rem;
}
.logos {
	padding: 0;
}

.logos_bbb,
.logos_bbb:hover {
	background-color: #fff;
	border-radius: 7.5px;
	line-height: 0.1;
	padding: 1px;
}

.logos_bbb img {
	max-height: 51.5px;
	width: auto;
}