body{
	background-color: #eae6dc;
	color: #3B2313;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	min-width: 960px;
}
.alt-font{font-family: 'Michroma', sans-serif;}

/******************************
UTILITY
******************************/
.bold{font-weight: 600;}
.clear{clear: both;}
.clear hr{display: none;}
.col{display: inline-block; vertical-align: top;}
.lt-ie8 .col{display: inline; zoom: 1;}
.contain{margin: 0 auto; max-width: 960px;}
.italic{font-style: italic;}
.nowrap{white-space: nowrap;}

/******************************
PAGE TOP
******************************/
.top-bar{background: url(top_bar_background.png) repeat-x left top; height: 56px; position: relative; text-align: right; z-index: 2;}
.top-bar .social-icon{background-position: left top; background-repeat: no-repeat; margin: .5em 0 0 .5em; width: 30px; height: 30px;}
.top-bar .social-icon:hover{background-position: left 100%;}
.top-bar .social-icon.listmenu{background-image: url(list_menu.png);}
.top-bar .social-icon.facebook{background-image: url(facebook_icon.png);}
.top-bar .social-icon.twitter{background-image: url(twitter_icon.png);}
.top-bar .social-icon.instagram{background-image: url(instagram_icon.png);}
.header{background: url(overlay_01.png) left top; position: relative;}
.header .shadow{position: absolute; z-index: 1;}
.header .shadow.left{left: 0; top: 0;}
.header .shadow.right{right: 0; bottom: 0;}
.header .contain{max-height: 585px; max-width: 1120px;}
.header .inner{margin: 0 auto; max-width: 1318px; overflow: hidden; position: relative;}
.header .logo{padding: 1em 0; position: relative; width: 100%; z-index: 2;}
.logo-overlay{height: 100%; position: absolute; top: 0; right: 0; z-index: -1;}

/******************************
PAGE SECTIONS
******************************/
.section .title-bar .title{font-size: 3em; font-weight: 700; padding: .4em 0; text-transform: uppercase;}

/* food menus */
.food-item .title{color: #FFF; font-size: 2em; line-height: 1.25em; text-transform: uppercase; margin-bottom: .25em;}
.food-item{padding: 0 1em 2em 0; width: 48%;}
.food-item .description{font-weight: 600; line-height: 1.25em; margin-bottom: .5em;}
.food-item .price{font-weight: 600;}

/* about section */
.about{color: #3b2313; background: url(overlay_01.png) left top;}
.about .title-bar{background-color: rgba(255, 255, 255, 0.15); background-image: url(shadow_lower.png); background-repeat: repeat-x; background-position: top left;}
.lt-ie9 .about .title-bar{background-color: #edeae2;}
.about .content{background: url(shadow_lower_alpha50.png) repeat-x top left; padding: 3em 0 1em;}
.about .content p{line-height: 1.75em; margin-bottom: 1.5em;}
.about a{color: #3b2313; text-decoration: underline;}

/* burger menu */
.burgers{color: #3c2617; background: #df5f24 url(overlay_02.png) left top;}
.burgers .title-bar{background: #eb7f30 url(overlay_02.png) left top;}
.burgers .title-bar .title{color: #3b2313;}
.burgers .content{background: url(shadow_lower_alpha50.png) repeat-x top left; padding-top: 3em;}
.burgers .intro{color: #FFF; font-size: 1.65em; line-height: 1.75em; margin-bottom: 1.5em;}
.burgers .divider{background-color: #3c2617; height: 2px; margin-bottom: 2.5em;}
.burgers a{color: #3b2313; text-decoration: underline;}
.burgers .food-item .type{font-size: .95em; margin-left: 1em;}
.burgers .food-item .type:first-child{margin-left: 0;}
.burgers .food-item .cost{color: #fff; font-size: 1.15em; font-weight: 400; margin-left: .5em;}
.burgers .warning{font-style: italic; padding-bottom: 1.5em;}

/* fry menu */
.fries{color: #FFF; background: #3b2313 url(overlay_03.png) left top;}
.fries .title-bar{background: #51301a url(overlay_03.png) left top;}
.fries .title-bar .title{color: #FFF;}
.fries .content{background: url(shadow_lower_alpha50.png) repeat-x top left; padding-top: 3em;}
.fries .price{background-position: left -42px; color: #3b2313;}
.fries .food-item .title{color: #6f8d48;}
.fries .intro{color: #FFF; font-size: 1.65em; line-height: 1.75em; padding-bottom: 1.5em;}
.fries .food-item{display: none;}

/* catering */
.catering{border-bottom: 12px solid #df5f24; background: url(overlay_01.png) left top; position: relative;}
.catering.title-bar{background: #ece8e0 url(overlay_01.png) left top;}
.catering .title-bar .attention{color: #df5f24;}
.catering .content{background: url(shadow_lower.png) repeat-x top left; padding: 3em 0 1em;}
.catering .content p{line-height: 1.75em; margin-bottom: 1.5em;}
.catering .half-circle{background: url(catering_bottom.png); display: block; height: 51px; margin-left: -51px; position: absolute; bottom: -51px; left: 50%; width: 108px;}

/* bottom */
.footer{background: #3b2313 url(overlay_03.png) left top; overflow: hidden;}
.footer .social{padding: 3em 0 3em .75em; text-align: center; white-space: nowrap;}
.footer .social .col{width: 24%;}
.footer .badge{background-position: left top; background-repeat: no-repeat; background-size: 100%; max-height: 140px; max-width: 140px; width: 90%;}

.footer .badge:hover{background-position: left 100%;}
.footer .badge.email{background-image: url(email_badge.png); }
.footer .badge.facebook{background-image: url(facebook_badge.png); }
.footer .badge.twitter{background-image: url(twitter_badge.png); }
.footer .badge.instagram{background-image: url(instagram_badge.png); }
.footer .badge.phone{background-image: url(phone_badge.png); }

.footer .inner{background: transparent url(overlay_04.png) left top; min-height: 100px;}
.footer .bottom{background: #26160c; font-size: .85em; padding: 1em;}

.footer .copyright{color: #e56a26; text-transform: uppercase;}
.footer .credit {
	color: white;
	display: inline-block;
	float: right;
	font-size: .90em;
	text-decoration: none;
}
.footer .credit img{vertical-align: middle;}

/******************************
RESPONSIVE
******************************/
@media all and (max-width: 960px){
	body{min-width: 0;}
	.footer .social{padding-left: 0;}
	.burgers .food-item{padding-left: .5em; padding-right: .5em;}
	.burgers .intro, .fries .intro{padding-left: .5em; padding-right: .5em;}
	.section .title-bar .title{padding-left: .25em; padding-right: .25em;}
	.about .content p, .catering .content p{padding-left: .5em; padding-right: .5em;}
}
@media all and (max-width: 860px){
	.burgers .intro, .fries .intro {font-size: 1.35em;}
	.food-item{display: block; width: auto;}
	.food-item .title{font-size: 1.5em;}
}
@media all and (max-width: 600px){
	.header .shadow{display: none;}
	.footer{text-align: center;}
	.footer .credit, .footer .copyright{display: block;}
	.footer .credit{float: none; padding-bottom: .25em;}
}