/*
BASE (MOBILE) SCREENS
These base styles apply to all screen sizes, but may be overridden on larger screns by the media query-driven styles that appear later in this file.
*/

#slider {
	background-image: linear-gradient(#215b24, #cac8b1);
	border-bottom: 2px solid white;
}

#slider-desktop {
	display:none;
}

h2 {
	font-size: 22px;
	font-style: italic;
	line-height: 28px;
	margin-top: 2px;
}



/*
PHONES in LANDSCAPE ORIENTATION
*/
@media only screen and (min-width: 500px) {

#slider-mobile { 
	display:none;
}

#slider-desktop {
	display: block;
	width: 100%;
	height: auto;
}

.flexslider{
	margin: 0; 
	background: #000000; 
}

}




/*
TABLETS in PORTRAIT ORIENTATION
*/
@media only screen and (min-width: 700px) {

} 




/*
TABLETS in LANDSCAPE & SMALLER LAPTOPS
This is the first appearance of the "desktop layout"
*/
@media only screen and (min-width: 964px) {

#slider-desktop {
	border-left: 2px solid white;
	border-right: 2px solid white;
}

}