/*-----------------------------------------------------------------------------
author:    www.yakimavalleytourism.com
-----------------------------------------------------------------------------*/


/* =Ag Museum Home
-----------------------------------------------------------------------------*/
.hide{
	display:none;
	}
	
.show{
	display:block;
	}

#promoPop {
	width:50%;
	float:right;
	padding:5%;
	background:#000000;
	position:fixed;
	right:50%;
    margin-right:-25%;
	top:30%;
	z-index:9999;	
	-webkit-box-shadow: 0 0 20px -10px #000000;
	box-shadow: 0 0 20px -10px #000000;
	}
	
#close {
	display:block;
	color:#ffffff;
	text-align:center;
	font-size:1em;
	position:absolute;
    top:2px;
    right:0;
	}
	
#close a {
	cursor:pointer;
	background:rgba(255, 197, 12, 1.0);
	padding:2px 8px;
	font-family:Arial, sans-serif;
	font-size:1.5em;
	}
	
#promoPop h2 {
	color:#ffffff;
	font-family:Arial, sans-serif;
	text-align:center;
	font-size:2em;
	font-weight:normal;
	}
    
.videoContainer {
	position:relative;
	margin:0;
	padding:0;
	padding-bottom: 56.25%; /* aspecct ratio for video */
	width:100%;
	height:0;
	z-index:1;
	}
	
.fullscreen-bg-video {
    width: 100%;
	height:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	}
	
.videoText {
	position:absolute;
	width:30%;
	bottom:2%;
	left:50%;
	margin-left:-15%;
	opacity:0.60;
    filter:alpha(opacity=60); /* For IE8 and earlier */
	z-index:8000;
	}

header {
	background: rgba(255, 197, 12, 0.0);
	}

.yellow section {
	position:relative;
	}
	

ul.featureBtns {
	list-style:none;
	margin:0 0 2em 0;
	}
	
ul.featureBtns li {
	float:left;
	width:21.5%;
	margin:0 4.6% 0 0;
	text-align:center;
	}
	
ul.featureBtns li:last-child {
	margin:0 0 0 0;
	}
	
ul.featureBtns li a {
	color:#ffac0c;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	text-decoration:none;
	}
	
ul.featureBtns li a h2 {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	}
	
ul.featureBtns li a:hover h2 {
	color:#000000;
	}
	
ul.featureBtns li .btnImg {
	margin:0 0 1em 0;
	background: rgba(255, 197, 12, 1.0);
	}
	
ul.featureBtns li .btnImg img {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	margin:0 auto;
	}
	
ul.featureBtns li .btnImg img:hover {
	opacity:0.50;
    filter:alpha(opacity=50); /* For IE8 and earlier */
	}
	
section h1 {
	text-align:center;
	}
	
section p {
	text-align:center;
	font-weight:bold;
	font-size:1.25em;
	}
	
.vidBox {
	width:76%;
	margin:0 auto;
	position:absolute;
	left:50%;
	margin-left:-38%;
	}
	
.video-container {
	position: relative;
	padding-bottom: 51.5%;
	padding-top: 30px;
	height: 0; 
	overflow: hidden;	
	}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:10000;
	}
	
.yellowBtn {
	width:100%;
	}

@media screen and (max-width: 1350px) {


}

@media screen and (max-width: 1200px) {


	
}

@media screen and (max-width: 1100px) {
	

	
section h2 {
	font-size:1em;
	}


}

@media screen and (max-width: 900px) {
	
ul.featureBtns {
	margin:-2em 0 2em 0;
	}

.videoContainer {
	padding-top:72px;
	}
	
.videoText {
	bottom:6%;
	}
	
.yellow section {
	padding:10% 0;	
	}
	
}

@media screen and (max-width: 800px) {
	

	
.vidBox {
	width:100%;
	position:relative;
	margin:0 auto;
	left:0;
	}
	
}

@media screen and (max-width: 750px) {
	
.videoText {
	width:60%;
	bottom:6%;
	margin-left:-30%;
	}
	
.videoText .yellowBtn a {
	font-size:1em;	
	padding:3% 1.5%;
	}
	
	
ul.featureBtns li {
	float:left;
	width:47.5%;
	margin:0 0 1.5em 0;
	}
	
ul.featureBtns li:nth-child(2n+0) {
	float:right;
	margin:0 0 1.5em 0;
	}


}