html{
	line-height: normal;
	height: 100%;
	font-size: 3.25vw;
}

@media (min-width: 600px) {
	html{
		font-size: 14.75pt;
	}
}

body{
	height: 100%;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.00938em;
	margin: 0px;
}

.center{
	margin: auto;
	display: block;
	text-align: center;
}

#full-page{
	min-height: 100%;
}

.logo{
	margin: 5vh auto;
	display: block;
	text-align: center;
	width:16em;
}

a,	a:hover, a:visited{
	text-decoration: none;
	color: grey;
}

.full-screen{
	height: 100%;
	background-color: white;
	padding: 1em 2em;
}

.scroll{
	height:95%;
	overflow: scroll;
}

.fltR{
		float:right;
}

.fltL{
		float:left;
}

.clrB{
		clear: both;
}

.hidden{
		display: none;
}

.clickable{
	cursor: pointer;
}

.txtC{
		text-align: center;
}

.mgT05{
	margin-top: 0.5em;
}

.mgT{
	margin-top: 1em;
}

.badgeContainer{
	background-color: #E0E0E0;
}

.badgeContainer .headerText{
	font-size: 0.9em;
	padding-top: 0.8em;
}

.badgeContainer img{
	height:3em;
	margin: 0.8em;
	display: inline;
}

.siteContactContainer{
	width:100%;
}

.siteContact{
	width:100%;
}

.contactDay{
	float: left;
	margin-right: 2em;
}

.contactTime{
	float: left;
}

.videoContainer{
	margin: 0px auto;
	text-align: center;
}

.videoContainer iframe{
	width:50vw;
}

.about-section{
	width:100vw;
	background-color:#358BD7;
	padding: 0px;
}

.about-youtube{
	width:80vw;
	height:45vw;
	margin-left: 10vw;
	margin-top: 5vw;
	margin-bottom: 5vw;
}

.about-section-header{
	width: 100%;
	font-weight: bold;
	background-color: #1F3F5F;
	color: #FFFFFF;
	padding: 0.25em 1em;
	margin-top: 1em;
}