/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('res/fonts/lato-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('res/fonts/lato-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('res/fonts/lato-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('res/fonts/lato-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('res/fonts/lato-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('res/fonts/lato-v15-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
   unicode-range: U+000-5FF; /* Latin glyphs */
}


*{
	margin:0;
	padding:0;
}
html, body{
	height:100%;
}
.heading {
	width:100vw;
	height: 100vh;
	margin: auto;
	position:static;
	top:0px; bottom:0px; right:0px; left:0px;
	display: flex;
	justify-content: center;
	align-items: center; 
}
.center {
	display: inline-block;
	margin: auto;
}
.subtitle {
	display:block;
	text-align:center;
	color:gray;
	font-size:14px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	margin-top: 40px;
}
.title {
	display:block;
	margin: 30px auto 0px;
	text-align:center;
	font-size: calc(5vw + 45px);
	font-family: 'Lato', sans-serif;
	font-weight:300;
}
.banner {
	display:block;
	margin: 80px auto 0px;
	text-align:center;
	width: calc(50vw + 180px);
}
.tallBanner {
	display:block;
	margin: 80px auto 0px;
	text-align:center;
	width: calc(80vw + 80px);
}
.comingSoon {
	display:block;
	margin-top:5px;
	text-align:center;
	color:black;
	font-size:20px;
	font-family: 'Lato', sans-serif;
	font-weight:200;
}
.icons {
	display:block;
	text-align:center;
	font-size:20px;
	margin: 20px auto 18vh;
}
i {
	padding: 0px 10px;
}


.contentBlock {
	width:100%;
	text-align: center;
	position: relative;
	display: flex;
}
.narrow {
	height: 100vh;
}

.description {
	width:800px;
	margin: auto;
	display: block;
	z-index: 1;
	padding: 55px;
}
.header1 {
	display:block;
	text-align:center;
	font-size: 30px;
	font-family: 'Lato', Verdana;
	font-weight:300;
}
.text1 {
	display:block;
	margin-top:30px;
	text-align:center;
	font-size:17px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
}
.header2 {
	display:block;
	margin-top:15px;
	text-align:center;
	font-size:17px;
	font-family: 'Lato', Verdana;
	font-weight:300;
}
.text2 {
	display:block;
	margin-top:30px;
	text-align:center;
	font-size:13px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
}
.faqQuestion {
	display:block;
	margin-top:60px;
	text-align:center;
	color:gray;
	font-size:25px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
}

.spacer {
	display:block;
	height:200px;
}
.medSpacer {
	display:block;
	height:100px;
}
.smallSpacer {
	display:block;
	height:32px;
}

.gallery {
	z-index: 1;
	margin:auto;
	width: 1100px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.galleryVid {
	margin: 5px;
	width: 350px;
	height: auto;
	box-shadow: 2px 2px 4px grey;
	transition: .3s ease;
}
.galleryVid:hover {
	opacity: 0.9;
}

#emailForm {
	margin:50px auto 0px;
	display:block;
	width: 50vw;
	max-width: 350px;
	height:3vh;
	border: 1px solid black;
	background-color:rgba(0,0,0,0);
	color:black;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:15px;
	border-radius:3px;
}
#submitButton {
	margin:20px auto;
	display:block;
	height:30px;
	border: 2px solid black;
	background-color:rgba(0,0,0,0);
	color:black;
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	font-size:16px;
	border-radius:5px;
	padding: 0px 15px;
	
	transition: background-color 500ms, color 500ms;
}
#submitButton:hover {
	background-color:rgba(0,0,0,1);
	color:white;
	cursor:pointer;
	
	transition: background-color 500ms, color 500ms;
}
input {
text-align: center;
}

.followUs {
	color:black;
	display:block;
	margin-top:15px;
	text-align:center;
	font-size:20px;
}
a.followUsLink:link {
    color: black;
}
a.followUsLink:visited {
    color: black;
}
a.followUsLink:hover {
    color: black;
}
a.followUsLink:active {
    color: black;
}


.footer {
	width:100%;
	background: rgba(32,60,56,1);
	color: white;
	z-index: 1;
	height:50;
	text-align:center;
	vertical-align: middle;
	padding: 25px 0px;
	display: flex;
	flex-flow: flex-wrap;
}
.footerBlock {
	width:30vw;
	margin: auto;
	display: inline-block;
	z-index: 1;
}

a.footerLink:link {
    color: rgba(210,210,210,1);
}
a.footerLink:visited {
    color: rgba(210,210,210,1);
}
a.footerLink:hover {
    color: rgba(230,230,230,1);
}
a.footerLink:active {
    color: rgba(255,255,255,1);
}


.oneScreen {
	width:100%;
	height:100%;
	text-align: center;
	vertical-align: middle;
	position: relative;
	display: flex;
}

img.fit {
	flex-shrink: 0;
    width: 100%;
	max-width=100%;
    min-width: 100%;
	height: auto;
    min-height: 100%
}

.newsBox {
	width:700px;
	margin: auto;
	display: flex;
	z-index: 1;
	padding: 30px;
	border: 1px solid black;
	border-radius: 7px;
}

.newsTitleBox {
	width:auto;
	margin: 0px;
	display: block;
	z-index: 1;
	padding: 0px;
}

a.newsLink:link {
	color: black;
	text-decoration: none;
}
a.newsLink:visited {
	color: black;
	text-decoration: none;
}
a.newsLink:hover {
	color: black;
	text-decoration: none;
}
a.newsLink:active {
	color: black;
	text-decoration: none;
}

.newsHeader {
	display:block;
	text-align:left;
	font-size: 20px;
	font-family: 'Lato', Verdana;
	font-weight:800;
}
.newsSubtext {
	display:block;
	text-align:left;
	font-size:17px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
}

img.newsPic {
	flex-shrink: 0;
    width: 100px;
	height: 100px;
	padding-right: 20px;
}


.tallScreen {
	display: none;
}
.wideScreen {
	display: block;
}
@media (orientation:portrait) {
    .tallScreen {
        display: block;
    }
	.wideScreen {
        display: none;
    }
}

div#preload {
    display: none;
}

.verticalCenter{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
  }

.videoSpacing {
	width:100vw;
	height: auto;
	position:static;
	display: flex;
	justify-content: center;
	align-items: center; 
	padding-bottom: 100px;
}

video {
    width: 90%    !important;
    height: auto   !important;
}

video::-webkit-media-controls-panel {
	background-image: none !important;
	filter: brightness(0.4);
 }


.video-container {
	top:50px; bottom:0px; right:0px; left:0px;
	display: flex;
	justify-content: center;
	align-items: center; 
	overflow: hidden;

	position:relative;
	width:100%;
	height:0;
	padding-bottom:56.27198%;
}

.video-container iframe,
.video-container embed {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  max-width: 90%;
  text-align:center;
}

.note {
	width:800px;
	top:0px; bottom:50px; right:0px; left:0px;
	margin: auto;
	display: block;
	z-index: -1;
	padding-top: 55px;
	padding-left: 55px;
	padding-right: 55px;
	padding-bottom: 255px;
}