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


/* =Union Gap Packages
-----------------------------------------------------------------------------*/
.leftCol {
	width:70%;
	float:left;
	}
	
.leftCol img {
	padding:2%;
	background:#d2ecff;
	margin: 0 0 1.5em 0;
	width:96%;
	}
	
.rightCol {
	width:25%;
	float:right;
	}
	
.rightCol h2 {
	padding:0 0 0 0;
	border-bottom:#de1a22 solid 2px;
	}
	
.leftCol .redBtn {
	width:30%;
	}
	
/* =event list
-----------------------------------------------------------------------------*/
ul.events {
	list-style:none;
	margin:0 0 1.5em 0;
	padding:0;
	}
	
ul.events li {
	list-style:none;
	padding:1em 0;
	border-bottom:#de1a22 solid 2px;
	margin:0;
	}
	
ul.events li h1 {
	font-size:1em;
	margin:0 0 .25em 0;
	color:#002f4f;
	}
	
ul.events li h3 {
	font-size:1em;
	margin:0 0 .25em 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
	
ul.events li .blueBtn {
	margin:0 0 0 0;
	width:50%;
	}
	
ul.events li .blueBtn a {
	font-size:.75em;
	}
	
/* =blog list
-----------------------------------------------------------------------------*/
ul.blog {
	list-style:none;
	margin:0 0 1.5em 0;
	padding:0;
	}
	
ul.blog li {
	list-style:none;
	padding:1em 0;
	border-bottom:#de1a22 solid 2px;
	margin:0;
	}
	
ul.blog li h1 {
	font-size:1em;
	margin:0 0 .25em 0;
	color:#002f4f;
	}
	
ul.blog li .redBtn {
	margin:0 0 0 0;
	width:50%;
	}
	
ul.blog li .redBtn a {
	font-size:.75em;
	}

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

	
.leftCol .redBtn {
	width:50%;
	}
	
}

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

	

	
}

@media screen and (max-width: 750px) {
	
.leftCol {
	width:100%;
	float:none;
	}
	
.rightCol {
	width:100%;
	float:none;
	}
	
.leftCol .redBtn {
	width:100%;
	}
	
.leftCol .blueBtn a, .leftCol .redBtn a {
	padding:3% 6%;
	width:92%;
	}
	
.rightCol .blueBtn, .rightCol .redBtn {
	margin:0 0 0 0;
	width:100%;
	}
	
.rightCol .blueBtn a, .rightCol .redBtn a {
	padding:3% 6%;
	width:92%;
	}
	
ul.events li .blueBtn {
	margin:0 0 0 0;
	width:100%;
	}
	
ul.blog li .redBtn {
	margin:0 0 0 0;
	width:100%;
	}
	
}

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

	

	
}