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




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

#sidebar {
	float: right;
	width: 36%;
	padding-right: 2.5%;
}

} 




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

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

}