/*
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;
}
*/

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

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

h1 {
    color: #ebddb3;
	font-size: 24px;
    line-height: 30px;
    margin: 0;
}



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

}




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

#main {
	float: left;
	width: 60%;
}

#sidebar {
	float: right;
	width: 40%;
	padding-left: 0;
}

} 




/*
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;
}

*/
#main {
	float: left;
	width: 56%;
}

#sidebar {
	float: right;
	width: 44%;
}

}