@media screen and (max-width: 1184px) {
	.slidersection{
	width:77% !important;
	}
	
	.specialscontainer{
	width:35% !important;
	}
	
	.story-text{
	width:45% !important;
	}
	
	.ironmap img {
		width:auto;
		max-width:none !important;
	}
	#menu-container {
    margin:0px 45px 0px 45px;
    margin-top:30px;
	}

}

@media screen and (max-width: 1024px) {
	.container{
		min-height:475px !important;
	}

	.slidersection{
	width:73% !important;
	}
	
	.newssection{
	height:395px !important;
	}
	
	.specialscontainer{
	width:25% !important;
	margin-left:45px !important;
	}
	
	.specials p {
	margin-bottom:5px;
	font-size:12px !important;
	}

	.specials h2 {
	font-size:24px !important;
	}
	
	.story-text{
	width:45% !important;
	}
	
	.story-pic{
	height:350px !important;
	width:350px !important;
	float:right;
	background:url("../images/latimers3.png") no-repeat top center !important;
	}
	
	.flexslider .slides img {width:100%; display:block; overflow:hidden;}
	
	.flex-viewport {min-height:395px;}
	
	#header .content h2 {
	font-size:22px;
	max-width:500px;
	}

	#header .content h1 {
	font-size:70px;
	line-height:80px;
	max-width:500px;
	}
	
	.featurecaption {
	padding:90px 60px 0px 60px;
	margin:0px !important;
	}
	
	a.button, #searchsubmit, #submit {
 	max-width:200px;
 	margin-top:15px;
 	padding:11px 14px;
 	font:16px "Open Sans", Helvetica, sans-serif !important;
	}

	#nav #navitems ul li {
		margin-right:0px;
		font-size:12px;
		margin-right:0px;
	}

	.ironmap, #maplocations {
		width:97%;
		float:none;
		display:block;
		margin-bottom:45px;
	}

	#maplocations {
		width:100%;
		padding:0px;
	}

	.locationitem h3 {
	font-size:20px;
	margin-top:15px;
	}

	.locationitem p.telephone {
	margin-top:10px;
	}

	.locationitem {
	margin-bottom:0px;
	padding-bottom:0px;
	}

}

@media screen and (max-width: 900px) {
	#nav div#logo {
		width:200px;
		height:170px;
		position:absolute;
		top:0px;
		left:40px;
		border-bottom-right-radius:100px;
		border-bottom-left-radius:100px;
		z-index:1000;
	}

	#logo img{
		margin:0px 10px 0px 10px;
		width:180px;
		height:auto;
	}
	
	#nav{
	background: #FFFAE7 url("../images/burlap.gif") repeat right top !important;
	width:80%;
	z-index:110;
	position:fixed;
	text-align:center;
	box-shadow:0 0 5px #4c1912;
	margin:auto;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	}

	.openit {display:block;}

	#nav #navitems ul li {
		margin-right:0px;
		font-size:30px;
		margin-right:0px;
		float:none;
		display:block;
	}

	#nav #navitems ul li a {
		padding:10px 0px 10px 0px;
		padding-left:0px;
		padding-right:0px;
		cursor:pointer;
	}

	#nav #navitems ul li a {
		display:block;
		width:100%;
		background: #FFFAE7 url("../images/burlap.gif") repeat right top !important;
	}
	
	#navitems {
		height:auto;
		padding-bottom:0px !important;
	}

	#nav #navitems ul {
		width:100%;
		float:none;
		margin-left:0px;
		padding-bottom:0px;
		display:none;
	}
	/* Sub Menu */
	#nav #navitems ul li ul {
		border:none !important;
		left:0 !important;
		position:relative;
		margin:0 0 0px 0 !important;
		padding:0;
		top:0;
	}

	#navbutton {
		display:block;
		float:right;
		padding:0px 0px 10px 0px;
		width:15%;
	}

	#nav #navitems ul {
		clear:both;
	}

	#map_canvas {
		width:94%;
	}

	h2 {
		font-size:21px;
	}

	#header .content h2 {
	font-size:22px;
	max-width:600px;
	}

	#header .content h1 {
	font-size:70px;
	line-height:80px;
	max-width:600px;
	}
	
	.featurecaption {
	padding:0px 0px 0px 0px;
	width:auto;
	margin-top:120px;
	}
	
	.button{
 	display:block;
 	margin-top:50px;
 	min-width:200px !important;
 	max-width:250px !important;
	}
	
	.specials h2 {
	font-size:24px !important;
	}
	
	.specialscontainer{
	margin:0px 45px 0px 45px !important;
	width:50% !important;
	padding:0px !important;
	text-align:left;
	}

	#beer {
		display:none;
	}
	
	
	.story-text{
	width:100% !important;
	}
	.story-pic{
	margin:20px 0px 0px 0px;
	height:400px !important;
	width:100% !important;
	background:url("../images/latimers3.png") no-repeat center;
	}
	
	.slidersection{
	width:100% !important;
	top:90px !important;
	}
	
	.newssection{
	display:none;
	}
	
	.container{
	min-height:550px !important;
	}
	
}

@media screen and (max-width: 500px) {
	#nav div#logo {
		width:140px;
		height:120px;
		position:absolute;
		top:0px;
		left:15px;
		border-bottom-right-radius:100px;
		border-bottom-left-radius:100px;
		z-index:1000;
	}

	#logo img{
		margin:0px 10px 0px 10px;
		width:120px;
		height:auto;
	}
	
	#nav{
	width:90%;
	margin-right:5%;
	margin-left:-5%;
	}
	
	#navbutton {
		display:block;
		float:right;
		padding:15px 0px 10px 0px;
		width:15%;
	}
	
	.container{
	width:90% !important;
	min-height:575px !important;
	}
	
	.container-bg{
	width:90% !important;
	min-height:505px !important;
	}
	
	.heading-content h1{
		font-size:24px;
		text-align:center;
	}
	.heading-content h2{
		font-size:22px;
		text-align:center;
	}
	
	#menu-container {
    margin:0px 15px 0px 15px !important;
    margin-top:15px;
    overflow:hidden;
	}
	
	.menu-spacer{display:block;}
	
	.food-item{
	padding:20px 0px 0px 0px !important;
	margin:0px !important;
	}
	
	.expandable-panel-content {
    padding:0px 3px 0px 3px!important;
	}
	
	#beer{display:none;}
	
	.specialscontainer{
	margin-bottom:20px;
	width:92% !important;
	margin:0px 15px 0px 15px !important;
	text-align:center;
	}
	
	.specials p {
	margin-bottom:5px;
	font-size:22px !important;
	width:100% !important;
	}
	
	.food-desc{
	clear:both;
	display:block !important;
	font-size:16px;
	width:180px;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}
	#footer {
	width:90%;
	height:auto;
	margin:auto;
	margin-top:-15px;
	}
	
	#footercontent{margin:0 0 0 0 !important;}
	
	#footertext {
	width:100% !important;
	margin:0px !important;
	}

	#footertext p{
	font-size:11px !important;
	}
	
	#footertext p a{
	font-size:11px !important;
	}
	
	.flexslider .slides img {width:100%; display: block; overflow:hidden;}
	
	.flex-viewport{min-height:510px !important;}
	
	.featurecaption{margin-top:315px; margin-left:20px; padding:0px 0px 0px 0px;}
	
	#header .content h2 {
	font-size:18px;
	margin:0px !important;
	width:380px !important;
	}

	#header .content h1 {
	width:380px !important;
	line-height:45px;
	margin:0px !important;
	font-size:42px;
	}
	
	.button{
 	display:block;
 	margin-top:0px;
 	font:23px "Open Sans", Helvetica, sans-serif;
 	font-weight:bold;
 	min-width:200px !important;
 	max-width:250px !important;
	}


	#nav #navitems.mobile {
		padding:0;
	}
	
	#nav #navitems ul li {
		margin-right:0px;
		font-size:40px;
		margin-right:0px;
	}

}

@media screen and (max-width: 414px) {
	#nav div#logo {
		width:120px;
		height:100px;
		position:absolute;
		top:0px;
		left:15px;
		border-bottom-right-radius:100px;
		border-bottom-left-radius:100px;
		z-index:1000;
	}

	#logo img{
		margin:0px 10px 0px 10px;
		width:100px;
		height:auto;
	}
	
	#nav{
	width:90%;
	margin-right:5%;
	margin-left:-5%;
	}
	
	#navbutton {
		display:block;
		float:right;
		padding:15px 10px 10px 0px;
		width:15%;
	}
	
	.container{
	width:90% !important;
	min-height:515px !important;
	}
	
	.container-bg{
	width:90% !important;
	min-height:505px !important;
	}
	
	.heading-content h1{
		font-size:24px;
		text-align:center;
	}
	.heading-content h2{
		font-size:22px;
		text-align:center;
	}
	
	#menu-container {
    margin:0px 15px 0px 15px !important;
    margin-top:15px;
    overflow:hidden;
	}
		
	.food-item{
	padding:20px 0px 0px 0px !important;
	margin:0px !important;
	}
	
	.expandable-panel-content {
    padding:0px 3px 0px 3px!important;
	}
	
	#beer{display:none;}
	
	.specialscontainer{
	margin-bottom:20px;
	max-width:92% !important;
	margin:0px 15px 0px 15px !important;
	text-align:center;
	}
	
	.specials p {
	margin-bottom:5px;
	font-size:22px !important;
	width:100% !important;
	}
	
.food-desc{
	clear:both;
	display:block !important;
	font-size:14px;
	width:130px;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

.menu-spacer{display:none;}

.menu-item{
	font-size:14px;
	float:left !important;
}

.menu-price{
	clear:both;
	float:left !important;
	display:block;
	font-size:14px;
}
	
	#footer {
	width:90%;
	height:auto;
	margin:auto;
	margin-top:-15px;
	}
	
	#footercontent{margin:0 0 0 0 !important;}
	
	#footertext {
	width:90% !important;
	margin:auto !important;
	}

	#footertext p{
	font-size:18px !important;
	width:100% !important;
	margin:0px !important;
	padding:15px 0px 15px 0px !important;
	}
	
	#footertext p a{
	font-size:18px !important;
	}
	
	.flexslider .slides img {width:100%; display: block; overflow:hidden;}
	
	.flex-viewport{min-height:450px !important;}
	
	.featurecaption{margin-top:255px !important; margin-left:20px !important; padding:0px 0px 0px 0px;}
	
	#header .content h2 {
	font-size:14px;
	margin:0px !important;
	width:320px !important;
	}

	#header .content h1 {
	width:320px !important;
	line-height:45px;
	margin:0px !important;
	font-size:42px;
	}
	
	.button{
 	display:block;
 	margin-top:0px;
 	font:23px "Open Sans", Helvetica, sans-serif;
 	font-weight:bold;
 	min-width:200px !important;
 	max-width:250px !important;
	}
	
	.openit{}
	.closeit{}

	#nav #navitems ul li {
		margin-right:0px;
		font-size:40px;
		margin-right:0px;
	}

	#nav #navitems ul {
		margin-bottom:0;
	}

	#nav #navitems ul li ul {
		display:none;
	}

	#header h1 {
		font:800 23px/25px "open sans";
	}
	
	.heading-content{margin:0px 15px 0px 15px !important;}
	
	.locations-container {
	margin:0px 15px 0px 15px !important;
	}
	
	.ironmap{
		margin:0px !important;
		width:auto !important;
	}
	
	.story-container{margin:0px 15px 0px 15px !important;}
	
}

@media screen and (max-width: 400px) {
	#nav div#logo {
		width:120px;
		height:100px;
		position:absolute;
		top:0px;
		left:15px;
		border-bottom-right-radius:100px;
		border-bottom-left-radius:100px;
		z-index:1000;
	}

	#logo img{
		margin:0px 10px 0px 10px;
		width:100px;
		height:auto;
	}
	
	#nav{
	width:90%;
	margin-right:5%;
	margin-left:-5%;
	}
	
	#navbutton {
		display:block;
		float:right;
		padding:15px 10px 10px 0px;
		width:15%;
	}
	
	.container{
	width:90% !important;
	min-height:515px !important;
	}
	
	.container-bg{
	width:90% !important;
	min-height:505px !important;
	}
	
	.heading-content h1{
		font-size:24px;
		text-align:center;
	}
	.heading-content h2{
		font-size:22px;
		text-align:center;
	}
	
	#menu-container {
    margin:0px 15px 0px 15px !important;
    margin-top:15px;
    overflow:hidden;
	}
		
	.food-item{
	padding:20px 0px 0px 0px !important;
	margin:0px !important;
	}
	
	.expandable-panel-content {
    padding:0px 3px 0px 3px!important;
	}
	
	#beer{display:none;}
	
	.specialscontainer{
	margin-bottom:20px;
	max-width:92% !important;
	margin:0px 15px 0px 15px !important;
	text-align:center;
	}
	
	.specials p {
	margin-bottom:5px;
	font-size:22px !important;
	width:100% !important;
	}
	
.food-desc{
	clear:both;
	display:block !important;
	font-size:14px;
	width:130px;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

.menu-spacer{display:none;}

.menu-item{
	font-size:14px;
	float:left !important;
}

.menu-price{
	clear:both;
	float:left !important;
	display:block;
	font-size:14px;
}
	
	#footer {
	width:90%;
	height:auto;
	margin:auto;
	margin-top:-15px;
	}
	
	#footercontent{margin:0 0 0 0 !important;}
	
	#footertext {
	width:90% !important;
	margin:auto !important;
	}

	#footertext p{
	font-size:18px !important;
	width:100% !important;
	margin:0px !important;
	padding:15px 0px 15px 0px !important;
	}
	
	#footertext p a{
	font-size:18px !important;
	}
	
	.flexslider .slides img {width:100%; display: block; overflow:hidden;}
	
	.flex-viewport{min-height:450px !important;}
	
	.featurecaption{margin-top:255px; margin-left:20px; padding:0px 0px 0px 0px;}
	
	#header .content h2 {
	font-size:14px;
	margin:0px !important;
	width:320px !important;
	}

	#header .content h1 {
	width:320px !important;
	line-height:45px;
	margin:0px !important;
	font-size:42px;
	}
	
	.button{
 	display:block;
 	margin-top:0px;
 	font:23px "Open Sans", Helvetica, sans-serif;
 	font-weight:bold;
 	min-width:200px !important;
 	max-width:250px !important;
	}
	
	.openit{}
	.closeit{}

	#nav #navitems ul li {
		margin-right:0px;
		font-size:40px;
		margin-right:0px;
	}

	#nav #navitems ul {
		margin-bottom:0;
	}

	#nav #navitems ul li ul {
		display:none;
	}

	#header h1 {
		font:800 23px/25px "open sans";
	}
	
	.heading-content{margin:0px 15px 0px 15px !important;}
	
}

@media screen and (max-width: 375px) {
	
	.featurecaption{margin-top:250px !important; margin-left:20px !important; padding:0px 0px 0px 0px;}
	
	#header .content h2 {
	font-size:14px;
	margin:0px !important;
	width:300px !important;
	}

	#header .content h1 {
	width:300px !important;
	line-height:45px;
	margin:0px !important;
	font-size:42px;
	}
	
	.button{
 	display:block;
 	margin-top:0px;
 	font:23px "Open Sans", Helvetica, sans-serif;
 	font-weight:bold;
 	min-width:200px !important;
 	max-width:250px !important;
	}
	
	.heading-content{margin:0px 15px 0px 15px !important;}
	
	.locations-container {
	margin:0px 15px 0px 15px !important;
	}
	
	.ironmap{
		margin:0px !important;
		width:auto !important;
	}
	
	.story-container{margin:0px 15px 0px 15px !important;}
	
}

@media screen and (max-width: 320px) {
	.heading-content{margin:0px 15px 0px 15px !important;}
	
	#nav div#logo {
		width:120px;
		height:100px;
		position:absolute;
		top:0px;
		left:15px;
		border-bottom-right-radius:100px;
		border-bottom-left-radius:100px;
		z-index:1000;
	}

	#logo img{
		margin:0px 10px 0px 10px;
		width:100px;
		height:auto;
	}
	
	#nav{
	width:90%;
	margin-right:5%;
	margin-left:-5%;
	}
	
	#navbutton {
		display:block;
		float:right;
		padding:15px 10px 10px 0px;
		width:15%;
	}
	
	.container{
	width:90% !important;
	min-height:515px !important;
	}
	
	.container-bg{
	width:90% !important;
	min-height:505px !important;
	}
	
	.heading-content h1{
		font-size:24px;
		text-align:center;
	}
	.heading-content h2{
		font-size:22px;
		text-align:center;
	}
	
	#menu-container {
    margin:0px 15px 0px 15px !important;
    margin-top:15px;
    overflow:hidden;
	}
		
	.food-item{
	padding:20px 0px 0px 0px !important;
	margin:0px !important;
	}
	
	.expandable-panel-content {
    padding:0px 3px 0px 3px!important;
	}
	
	#beer{display:none;}
	
	.specialscontainer{
	margin-bottom:20px;
	width:auto !important;
	margin:0px 15px 0px 15px !important;
	text-align:center;
	}
	
	.specials p {
	margin-bottom:5px;
	font-size:22px !important;
	width:100% !important;
	}
	
.food-desc{
	clear:both;
	display:block !important;
	font-size:14px;
	width:130px;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

.menu-spacer{display:none;}

.menu-item{
	font-size:14px;
	float:left !important;
}

.menu-price{
	clear:both;
	float:left !important;
	display:block;
	font-size:14px;
}
	
	#footer {
	width:90%;
	height:auto;
	margin:auto;
	margin-top:-15px;
	}
	
	#footercontent{margin:0 0 0 0 !important;}
	
	#footertext {
	width:90% !important;
	margin:auto !important;
	}

	#footertext p{
	font-size:18px !important;
	width:100% !important;
	margin:0px !important;
	padding:15px 0px 15px 0px !important;
	}
	
	#footertext p a{
	font-size:18px !important;
	}
	
	.flexslider .slides img {width:100%; display: block; overflow:hidden;}
	
	.flex-viewport{min-height:450px !important;}
	
	.featurecaption{margin-top:200px !important; margin-left:20px !important; padding:0px 0px 0px 0px;}
	
	#header .content h2 {
	font-size:14px;
	margin:0px !important;
	width:250px !important;
	}

	#header .content h1 {
	width:250px !important;
	line-height:45px;
	margin:0px !important;
	font-size:42px;
	}
	
	.button{
 	display:block;
 	margin-top:0px;
 	font:23px "Open Sans", Helvetica, sans-serif;
 	font-weight:bold;
 	min-width:200px !important;
 	max-width:250px !important;
	}
	
	.openit{}
	.closeit{}

	#nav #navitems ul li {
		margin-right:0px;
		font-size:30px;
		margin-right:0px;
	}

	#nav #navitems ul {
		margin-bottom:0;
	}

	#nav #navitems ul li ul {
		display:none;
	}

	#header h1 {
		font:800 23px/25px "open sans";
	}
	
	.locations-container {
	margin:0px 15px 0px 15px !important;
	}
	
	.ironmap{
		margin:0px !important;
		width:auto !important;
	}
	
	.story-container{margin:0px 15px 0px 15px !important;}
	
}

@media screen and (min-width:901px) {
	#navitems > ul {
		display:block !important;
	}

	.openit {display:none !important;}
	.closeit {display:none !important;}
}