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


/* =Yakima Valley Tourism Wine
-----------------------------------------------------------------------------*/
.bannerWine {
	background:url("../img/banners/wine-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	} 
    
.bannerWineGrape {
	background:url("../img/banners/tripWine-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	} 

.videoOverlay {
    background:rgba(64, 10, 20, 0.65);  
    }
    
.wineAreas {
    margin:0 auto;
    width:60%;
    max-width:1130px;
    }
    
.wineAreaFloat {
    margin:0 0 2em 1em;
    width:50%;
    float:right;
    }
    
.wineAreasLinks {
    text-align: center;
    margin:0 0 2em 0;
    }
    
.wineAreasLinks a {
    border:#8c182d solid 1px;
    color:#8c182d;
    font-family: 'bebasneuepro-bold', Arial, sans-serif;text-transform: uppercase;
    padding:1%;
    display:inline-block;
    margin:0 .5em .5em 0;
    text-decoration:none;
    -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;
    font-size:1em;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    }
    
.wineAreasLinks a:hover {
    background:#8c182d;
    color:#fff;
    }



@media all and (max-width: 1600px) {
	

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

@media all and (max-width: 1250px) {


	
}

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

	
}

@media all and (max-width: 1000px) {


	
}


	
@media all and (max-width: 875px) {



}

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

.wineAreaFloat {
    margin:0 0 2em 0;
    width:100%;
    float:none;
    }
	
}

@media all and (max-width: 650px) {


	
}

@media all and (max-width: 550px) {
	
}