@media only screen and (max-width: 999px){
	body{
		background-color: #fff;
		text-align: center;
		font-family: arial, sans-serif;
		font-size: 12px;
		padding: 0;
		margin: 0;
	}

	#header{
		width: 100%;
		height: 35px;
		position: fixed;
		top: 0;
		left: 0;
		color: #fff;
		font-size: 14px;
		background-color: #471210;
		text-align: right;
		z-index: 100;
		background-image: url("images/header_bg.png");
		background-position: left;
		background-repeat: repeat-y;
		padding-top: 20px;
		z-index: 9;
	}
	
	#header a{
		margin: 5px;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
	}

	
	#header a:link{
		margin: 5px;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
		text-decoration: none;
	}
	
	#header a:visited{
		margin: 5px;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
		text-decoration: none;
	}
	
	#header a:hover{
		margin: 5px;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
		text-decoration: none;
	}
	
	#headerLogo{
		width: 50px;
		height: 50px;
		position: absolute;
		left: 2px;
		top: 2px;
	}

	#header2{
		display: none;
	}
	
	#navigation{
		width: 100%;
		background-color: #471210;
		color: #333;
		position: fixed;
		top: 0;
		right: 0;
		text-align: left;
		border-radius: 5px;
		box-shadow: 0 0 5px #000;
		z-index: 10;
	}
	
	#navigation a{
		color: #fff;
		text-decoration: none;
		margin: 5px;
	}
	
	#navigation a:link{
		color: #fff;
		text-decoration: none;
		margin: 5px;
	}
	
	#navigation a: hover{
		color: #fff;
		text-decoration: none;
		margin: 5px;
	}
	
	#navigation a:visited{
		color: #fff;
		text-decoration: none;
		margin: 5px;
	}
	
	#navigation li{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
	#navigation2{
	
	}
	
	#container{
		width: 100%;
		margin: 0 auto;
		margin-top: 50px;
		overflow: hidden;
		position: relative;
		padding-bottom: 45px;
	}
	
	#container h1{
		color: #333;
		font-size: 22px;
		text-align: center;
		font-family: arial;
	}

	#featuredItem{
		width: 100%;
		color: #000;
		aspect-ratio: 16 / 9; 
		max-height: 600px;
		margin: 0 auto;
		font-size: 14px;
		text-align: center;
		overflow: hidden;
		background-position: center;
		background-size: cover;
		padding: 0;
	}
	
	.topicButton{
		width: 250px;
		height: 250px;
		display: inline-block;
		margin: 5px;
		background-size: contain;
		background-image: url('images/button.png');
		background-position: center;
		background-repeat: no-repeat;
	}
	
	#homeFocus{
		width: 85%;
		padding: 5px;
		margin: 5px 5% 10px;
		text-align: center;
		position: relative;
	}
	
	#homeFocus a{
		color: #06c;
		font-weight: bold;
		margin: 5px;
		text-decoration: none;
	}
	
	.spotlight{
		width: 95%;
		margin: 5px 2.5% 25px;
		background-color: #fafafa;
		border-bottom: 1px solid #dfdfdf;
		position: relative;
	}
	
	.spotlightPhoto{
		display: inline-block;
		border-radius: 5px;
		margin: 0 0 5px;
		width: 100%;
		
	}
	
	.spotlightTop, .spotlightTop a{
		font-size: 22px;
		color: #ccc;
		text-decoration: none;
		margin: 10px 5px 5px;
		text-align: center;
		color: #333;
	}
	
	.spotlightText{
		font-size: 16px;
		margin: 10px 1%;
		text-align: justify;
		color: #000;
		text-indent: none;
	}
	
	.spotlightClickHere{
		text-align: center;
		font-size: 16px;
	}

	.spotlightClickHere a{
		text-decoration: none;
		color: #06c; 
		font-weight: bold;
	}
	
	#footer{
		width: 100%;
		background-color: #fafafa;
		border-top: 2px solid #471210;
		color: #471210;
		font-size: 12px;
		min-height: 30px;
		position: relative;
		text-align: center;
		padding-top: 20px;
	}
	
	#footer a:{
		color: #fff;
		border:0;
	}
	
	#footerSocial{
		text-align: center;
		font-size: 10px;
		color: #333;
	}
	
}