
body {
	max-width: 1380px;
	width: 100%;
	font-size: 100%; 
	font-family: "Papyrus";
	margin: auto;
	margin-top: 0;
	margin-bottom: 0;
	border: none;
	background-color: #3e3e3e;
}

header { background: #3e3e3e;
		 /*border: 1px solid black;*/
		 margin-bottom: 0;
		 padding-top: 0; } 
	 
	 
header { padding: 2em 0 2em 0;
		 font-size: 100%; }

header img { 
			 max-width: 180px;
			 width: 150%;
			 border: 1px solid #402000;
			 border-radius: 15px; }

#nav_list ul {
	list-style: none;
	position: relative; 
	margin: 0;
	padding: 0;
	font-size: 200%;
	padding-left: 7.5em; }
#nav_list ul li { 
	margin-right: 1.5em;
	float: left;  }
#nav_list ul ul {
	padding: 0;
	float: left;
	display: none;
	position: absolute;
	top: 55%; }
#nav_list ul ul li { float: none;  }
#nav_list ul ul li a {
	text-align: center;
	font-size: 30%;
	display: block;
	width: 125px;
	padding: .5em 0;
	background-color: #c0c0c0;
	color: #402000; }
#nav_list ul li:hover > ul { display: block; }
#nav_list ul li a {
	width: 125px;
	display: block;
	color: white;
	text-align: center;
	font-size: 100%;
	text-decoration: none;
	margin: 0;
	padding: .5em 0;
	padding-bottom: 0em; }
#nav_list ul li a:hover, a:focus, a:active {
	color: #4D9B92; }
#nav_list > ul:after {
	content: "";
	display: block;
	clear: both; }
#nav_list a.current { color: #4D9B92; }
#spirits { margin-left: 1.5em; }
section { background-image: url("../images/brightLake.png");
		  box-shadow: 0 0 10px 5px #888888;
		  height: 900px; }
section article { 	 margin: 4em 2em 0 5em;
					 width: 800px;
					 float: left; }
section article p { margin-top: 1em; 
					font-size: 120%; 
					color: #2d1600;
					font-weight: bold; }
section article h1, p { color: #d2bd7b;
					 margin: 0; }
section aside { float: left; }
footer div a { color: black; }
footer {
		 /* border: 1px solid white; */
	   	 clear: both; 
	   	 padding-top: 2.75em; }
footer ul { margin-left: 30em; 
			padding-top: 1em; }
footer a { margin: .5em 2em 0 2em; }
footer p { 
		   float: right;
		   text-align: right; 
		   font-size: 75%;
		   color: white;
		   margin-bottom: 0;
		   margin-right: 1em; }
footer div { float: left;
			 font-size: 50%; }
#mobile_menu { display: none; }
@media only screen and (max-width: 960px){
	html { font-size: 90%; }
}
@media only screen and (max-width: 768px) {
	header { background-image: none; }
	header h1 { padding-bottom: 0;
				margin-bottom: 0; }
	#nav_list { display: none; }
	#mobile_menu { display: block; }
	#mobile_menu ul { float: left; }
	.slicknav_menu { background-color: #2d2d2d !important; }
	body { max-width: 768px;
		   width: 100%; 
		   margin: 0;
		   padding: 0;
		   border: none; 
		   box-shadow: none; }
    header { text-align: center; }
    header img { float: none; }
    section { font-size: 95%;
    		  margin-top: 0; }
    section aside img { margin-left: 0; }
    section aside h1, p { max-width: 768px; 
    			 	   width: 65%;
    			 	   float: left; }
    section article img { margin: 0; }
    section article h1, p { max-width: 768px; 
    			 	   width: 65%;
    			 	   margin-top: 0;
    			 	   float: left; }
	footer { max-width: 768px; 
			 width: 100%;
			 padding-left: 0;
			 margin-left: 0; }
	footer ul { 
				margin: 0;
				padding-left: 32%; }
				
@media only screen and (max-width: 479px){
	*{margin: 0;
	  padding: 0; }
	  
	body section article { float: none;
						   margin-left: 22%;
						   margin-bottom: 0; }
	body section article p { margin-left: 1em;
							 line-height: 2em; }
	body section aside { clear: left; 
					margin-top: 0;
					margin-bottom: 0;
				    padding-top: 0;
					margin-left: 22%;
					width: 53%;
					padding-left: .9em; }
	body section aside img { float: none; 
							 margin-top: 0;}
	footer { margin-top: 0; }
	footer ul { padding-left: 20%; 
				padding-bottom: 1.25em;
				margin-top: 0; }
}
