@charset "UTF-8";
/* CSS Document */

 @font-face {
        font-family: "Freehand521";
	src: url(fonts/Freehand521BT.ttf),
	url("http://db.onlinewebfonts.com/t/befc32ca42b91afe5e49f92244fa5e15.woff2") format("woff2"),
    url("http://db.onlinewebfonts.com/t/befc32ca42b91afe5e49f92244fa5e15.woff") format("woff");
	       font-weight: normal;
        font-style: normal;
    }


body{background-color: #E8E4E4;}

@media(max-width:1650px){
	.container{width:100%; height: 800px;
	background-repeat: none;}
	.elliot{ float:left;}
	.menu{
				padding: 2.5%; width: 500px;
		}
		
		.menu ul{  float: left; margin-left: 3.5%; width: 100%;}
	
		
		.menu ul li{ float:left;
		font-size: 20px;
		}
		}

@media(max-width:1500px){
	.container{width:1500px; height: 800px;}
	.elliot{ float:left;}
	.menu{
				padding: 2.5%; width: 500px;
		}
		
		.menu ul{  float: left; margin-left: 3.5%; width: 100%;}
	
		
		.menu ul li{ float:left;
		font-size: 20px;
		}
		}

@media(max-width:1300px){
	.container{width:1300px; height: 800px;}
	.elliot{ float:left;}
	.menu{
				padding: 2.5%; width: 500px;
		}
		
		.menu ul{  float: left; margin-left: 3.5%; width: 100%;}
	
		
		.menu ul li{ float:left;
		font-size: 20px;
		}
		}

@media(max-width:1280px){
	.container{width:1280px; height: 800px;}
	.elliot{ float:left;}
	.menu{
				padding: 2.5%; width: 500px;
		}
		
		.menu ul{  float: left; margin-left: 3.5%; width: 100%;}
	
		
		.menu ul li{ float:left;
		font-size: 20px;
		}
		}
	
@media(width:1000px){
	.container{width:1000px;
				overflow:scroll;
				background-repeat:no-repeat;
				}
				
				.menu{
					float: left;
				
				}
	
				.elliot{position: absolute;
				}
				
				.slideshow{margin-top: 5%;}
				
}



.container{ 
position: relative;
margin-left:auto;
margin-right:auto;
background-image: url(img/background.png);
height: 100%;
width: 100%;
}

.elliot{
margin-left: 5%;}
	.elliot h1{ font-size: 80px;
	color:#694200;
	font-family: "Freehand521";}
	.elliot h6{color:#694200;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 45px;}

.menu{ float: left;
}
	.menu ul{ list-style: none;
				}
	.menu ul li{ 
	float: left;
	padding: 10px;
	margin-left: 5.5%;
	background-color:#694200;
	color: white;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	}
	
	.menu ul li:hover{float:left; 
	background-color:white;
	color: #694200;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	}
	
	#block{background-color:#694200;
	height: 5px;
	width: 450px;
	position: static;
	margin-top: 60px;
	}
	
	.menu ul li b{ text-decoration:underline;}

.content{
margin-top: 15%;
height: 75%;
	margin-bottom: 15%;
width: 100%;
position: static;}