@charset "UTF-8";
/* CSS Document */


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	width: 100%;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
}

.gallery {
    background-color: #252525;
}

figure {
	
	width: 100%;
	margin: 0%;	
	border:1px solid #252525;
}

figure img{
	
	
}

figcaption{
	color: #f8f6ed;
	background-color: #252525;
	padding: 10px;
	width: auto;
	font-size:1.2em;
	
}




.text {
  color: white;
  font-size: 1.5em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb (0,0,0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}


.cont{
	display: flex;
	align-items:flex-end;
	justify-content: space-between;
	min-height: 60px;
	background-color: #252525;
}



header {
	height: auto;
	
	background-color: #252525;
	
}

nav {
	float: right;
	padding-right: 20px;
	
	
}


body {
	
	margin-left: auto;
	margin-right: auto;
	margin:0px;
	font-family: arial;
	background-color:#f8f6ed;
}
ul {
  
    padding-inline-start: 0px;
}

nav ul li {
    font-size:1.25em;
	list-style-type: none;
	padding-left: 20px;
	text-align: right;
	display: inline-block;
	
}

nav ul li a {
	text-decoration: none;
	color: #FFFFFF;
	
	
}


.hero-box {
	height: auto;
	background-color: #f8f6ed;	
}

.vid {
	margin-left: 16%;
	margin-right: 16%;
	
}


h1 {
	color: #252525;	
	font-size: 2em;
	font-weight: 200;
	
}
h2 {
	color: #252525;	
	font-size: 1.5em;
	font-weight: 100;
	
}
h3 {
	color: #252525;	
	font-size: 3em;
	font-weight: 200;
	margin: 10px;
	text-decoration: none;
	padding-left:10px;
	float:left;
}

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

p a{
    text-decoration: underline;
    color: #252525;
}

p {
	color: #252525;
	font-size: 1.25em;
	font-weight: 100;
}

.col:hover .overlay {
  height: 35%;
}

.col img {
	width: 100%;
	height: auto;
	display: block;
	
}

.col {
	width: 33.33%;
	float: left;
	position: relative;
}

.spacer {
	height: 25px;
	
}
.stripe {
	height: 9px;
	background-color:#e0b82f;
	
}


footer {
	min-height: 300px;
	background-color: #252525;
	
}
.fcon{
	min-height: 300px;
	color: #FEFEFE;	
	
}

/*TABLET*/
@media (max-width:1300px){
	h1 {
		font-size: 2em;
		font-weight: 200;
	}
	
	.text{
	    font-size:1.5em;
	}
	
	.col {
		width: 50%;
	}
	.vid {
	margin-left: 15%;
	margin-right: 15%;
}
}



/*MOBILE*/
@media (max-width:1000px){
	h1 {
		font-size: 2em;
		font-weight: 200;
	}
	.text{
	    font-size:2em;
	}
	h3 {
		font-size: 2em;
		font-weight: 200;
	}
	.col {
		width: 100%;
	}
	
	.vid {
	margin-left: 2%;
	margin-right: 2%;
}
	nav ul li {
		font-size:1.25em;
	}

	}
	
	/*Small*/
@media (max-width:700px){
	h1 {
		font-size: 2em;
		font-weight: 200;
	}
	h3 {
		font-size: 1.5em;
		font-weight: 200;
	}
	.text{
	    font-size:1.25em;
	}
	.col {
		width: 100%;
	}
	
	.vid {
	margin-left: 2%;
	margin-right: 2%;
}
	nav ul li {
		font-size:1em;
		padding-left: 10px;
	}

	}