/* Basic CSS resets -- leveling slight inconsistencies in browsers */
html, body {
	margin:0px;
	padding:0px;
	height:100%;
}

html {
		/* Standard text-settings below */
	font-size: 1em;
    line-height: 1.4em;
}



/* Mobile First CSS: we'll design for phone sizes first, then add media queries for larger screens later */

body {
	color: #87847b;
	background-color: #383d38;
	background-image: url("dark_wood.jpg");
	font-family: "Oswald", sans-serif;
	  font-optical-sizing: auto;
	  
}


#container {
	background-image: image();
}

header {
	text-align: center;

}

#container>header h1 {
	color: #3c9117;
}

section {
	border: 1px solid black;
	padding: 10px;
	/*margin: 10px; */
	margin-bottom: 10px;
	background: #c4c0b5;
	
}

footer {
	font-size:0.85em;
	padding: 8px;
}

.mobile {
	background: yellow;

}

.desktop{
	display: none;
}

/* ========================================
MEDIA QUERIES!
You can adjust the min-width numbers below, and add as many new media queries as you need.
======================================== */



/* Minimum width for laptops. */
@media all and (min-width: 769px) {
	
body { 
background-image: url(../img/smokies.JPG);
}

#container {
	width:725px;
	margin:auto;

}
	
section{
	
}
	
} /* closes 769px+ */




/* Minimum width for desktop screens. */
@media all and (min-width: 1024px) {
	
	body{
	}
		
	
	
	
	#container {
		width:725px;
		margin:auto;
	
	}
		
	section{
	
	}

section#first {
	float:left;
	width:450px;
	font-family: "Oswald", sans-serif;

}

section#second {
	float:right;
	width:450px;
	font-family: "Oswald", sans-serif;
}

footer {
	clear:both;
}

.mobile {
	
}

.desktop {

}

#container {
	width:1000px;
}

}
/* closes 1024px+ */