/* retina */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    #home #badge {
    	background: url('../images/home-badge@2x.png') repeat 0 0;
    	background-size: cover;
    }
}



@media only screen and (max-width: 1310px) {

	header a#logo {
		margin: 20px 0 0 0;
	}
	
	header div#top-social {
		margin: 1.75em 0 0 1em;
	}
	
	footer#footer p {
		font-size: 1.5em;
	}
	
	footer#footer .social {
		margin: 4em 10% 0 0;
	}
	
	footer#footer ul li {
		display: inline-block;
		line-height: 2em;
	}
	
	
	footer#footer ul li:last-child {
		display: block;
	}
	
}

@media only screen and (max-width: 1115px) {
	
	header a#logo {
		margin: 20px 0 0 0;
	}
	
	header nav {
		margin: 0 1em 0 2em;
	}
	
	header nav a {
		font-size: 1.2em;
		line-height: 5.9em;
	}
	
	#home #top #specials div {
		margin: 1em 0 0 0;
	}
	
	#home #top #specials div#lunch {
		margin: 1em 40px 0 0;
	}
	
	#home #birthday h1 {
		font-size: 2.5em;
	}
	
	#home #birthday img.left {
		margin-left: 10%;
	}
	
	#home #birthday img.right {
		margin-right: 10%;
	}
	
	.wreath-divider {
		width: 960px;
	}
	
	#download-container, #calendar-container {
		width: 90%;
		margin: 0 0 0 5%;
	}
	
	#menu section#menu h2 {
		width: 90%;
	}
	
	#fb-container { 
		width: 90%; 
		float: left;
		margin: 0 0 3em 0 !important;
	}
	
	#foodtruck .twitter-timeline {
		width: 90%;
	}
	
	
	footer#footer a.parties {
		font-size: 1.2em;
	}	

}


@media only screen and (max-width: 980px) {

	header {
		height: 6em;
		margin: 0;
	}

	header nav {
		left: 0;
		width: 100%;
		height: 0;
		float: left;
		margin-top: 0.75em !important;
		margin-left: 0;
		z-index: 5;
		text-align: center;
		overflow: hidden;
		background: #3d462f;
		padding: 0 20%;
	}
	
	header nav a {
		text-align: left;
		font-size: 1.3em;
		line-height: 2.5em;
		padding: 5px 0 0 6%;
		width: 48% !important;
		background: #4c5938;
		float: left;
		margin: 5px 2% 0 0;
	}
	
	/* RESET NAV STATES */
	
	#menus header nav a#nav-menus, .shop header nav a#nav-shop, #catering header nav a#nav-catering, #foodtruck header nav a#nav-food-truck, #recipes header nav a#nav-recipes, #recipe header nav a#nav-recipes, .about header nav a#nav-about, #contact header nav a#nav-contact {
		background: #4c5938;
	}
	
	/* RESET NAV CANCELS */
	
	.about header nav a#nav-menus, .shop header nav a#nav-catering {
		background: #4c5938 !important;
		color: #e5dfcc !important;
	}
	
	
	/* RESET NAV HOVERS */
	
	#menus header nav a#nav-menus:hover, .shop header nav a#nav-shop:hover, #catering header nav a#nav-catering:hover, #foodtruck header nav a#nav-food-truck:hover, #recipes header nav a#nav-recipes:hover, #recipe header nav a#nav-recipes:hover, .about header nav a#nav-about:hover, #contact header nav a#nav-contact:hover,.about header nav a#nav-menus:hover {
		background: #788a68 !important;
	}
	
	
	header nav a::before {
		content: '\e80a'; /* '' */
		font-family: "zias";
		font-style: normal;
		font-weight: normal;
		speak: none;
		font-size: 0.8em;
		margin: 0 10px 0 0;
	}
	
	
	header nav a:hover {
		background: #788a68;
	}
	
	header div#top-social {
		display: none;
	}
	
	header a#logo {
		width: 60px;
		height: 4em;
		position: relative;
		margin: 16px 0 0 5%;
		z-index: 10;
	}
	
	
	header a#menubutton {
		display: block;
	}
	
	header button {
		margin: 0;
		display: none;
		float: right;
		z-index: 15;
		background: none;
		margin: -4.5em 30% 0 0;
		color: #e5dfcc;
		border: none;
		-moz-box-shadow: none; /* Firefox 3.6 and earlier */
		-webkit-box-shadow: none; /* Safari and Chrome */
		box-shadow: none;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}
	
	header button p {
		background: none;
	}
    
	.top-loc {
		display: block !important;
	}
	
	#header-under {
		display: none;
		margin: 0;
	}
	
	.st-menu {
		width: 400px;
		padding: 32px 33px;
	}
	
	.st-effect-3.st-menu-open .st-pusher {
		-webkit-transform: translate3d(400px, 0, 0);
		transform: translate3d(400px, 0, 0);
	}
	
	.no-csstransforms3d .st-pusher,
	.no-js .st-pusher {
		padding-left: 400px;
	}
	
	.push-menu-vertical {
		width: 50%;
	}
	
	.push-menu-left {
		left: -50%;
	}
	
	.push-menu h2 {
		margin: 1em 2% 15px 10%;
	}
	
	#home #top {
		height: 450px;
	}
	
	#home #top #date {
		margin: 140px auto 0 auto;
	}
    
    #home #top .order-button {display: none}
    
	#home #top h1 {
		margin: 0 0 0 0;
		font-style: italic;
		font-size: 1.6em;
		line-height: 1.5em;
	}
	
	#home #top #specials {
		margin: 0 auto;
	}
	
	#home #top #specials div {
		width: 100%;
		margin: 3em 0 0 0;
	}
	
	#home #top #specials button {
		display: none !important;
	}
	
	#home #top #specials p {
		display: none !important;
	}
	
	#home #badge {
		margin: 160px auto -759px auto;
		width: 30%;
		background: url('../images/home-badge.png') no-repeat 50% 50%;
		background-size: 100%;
	}
	
	.headline.small span {
		width: 32%;
	}
	
	.headline.small h3 {
		width: 32%;
	}
    
    #home #top #specials .headline.small span {width: 20%;}
    #home #top #specials .headline.small h3 { width: 60%;}
	
	#home #flags {
		font-size: 0em;
		width: 96%;
		margin: 0 0 0 2%;
		top: 402px;
	}
	
	#home #flags div, #home #flags #flag-left, #home #flags #flag-right {
		float: left;
		width: 44%;
		margin: 0;
	}
	
	#home #flags div {
		font-size: 19px;
		margin: 0;
		padding: 0;
		height: 100%;
		text-align: center;
	}
	
	#home #flags #flag-left p, #home #flags #flag-right p, #home #flags span.outer p {
		font-size: 1em;
		margin: 0.55em 0 0 0;
	}
	
	#home #flags #flag-left p {
		margin: 0.55em 4em 0 0;
	}
	
	#home #flags #flag-right p {
		margin: 0.55em 0 0 4em;
	}
	
	#home #flags #flag-left {
		padding: 0;
		margin: 0;
	}
	
	#home #flags .left-cap, #home #flags .right-cap, #home #flags span {
		display: block;
		margin: 0;
		padding: 0;
	}

	#home #flags span.inner {
		display: none !important;
	}
	
	#home #flags span.outer {
		display: block;
		float: left;
		overflow: hidden;
		height: 97px;
		width: 6%;
		min-width: 22px;
		margin: 0;
		background-repeat: no-repeat;
	}
	
	#home #flags .right-cap {
		background: url('../images/home-flag-left.svgz');
		background-position: right center;
	}
	
	#home #flags .left-cap {
		background: url('../images/home-flag-right.svgz');
	}
	
	#home #flags #flag-left p {
		float: none;
	}
	
	#home #flags #flag-right {
		padding: 0;
/*		padding-top: 15px;*/
		margin: 0;
	}
	
	#home .direction-wrapper {
		display: none;
	}
	
	#home section#featured {
		padding: 190px 0 80px 0;
		margin: 450px 0 0 0;
	}
    
	#home section#featured h2, .headline, .photos-three {
		width: 80%;
	}
	
	.headline h1 {
		width: 50%;
		font-size: 3em !important;
	}
	
	.headline span {
		width: 25%;
		margin: 1.33em 0 0 0;
	}
	
	
	#home section#featured h2 {
		margin: 0.25em auto 2em auto !important;
		width: 80%;
		float: none;
		display: inline-block;
	}
	
	.photos-three a {
		margin: 0 3.125% 0 0;
	}
	
	#home #featured .headline {
		margin: 0 auto 0 auto;
	}
	
	#home #featured .headline.green {
		margin: 2em auto 0 auto;
	}
	
	#home .two-panels .left h3 {
		font-size: 2.5em;
		width: 75%;
	}
	
	.qtrotator blockquote p {
		font-size: 1.5em;
		line-height: 1.2em;
	}
	
	#home #birthday h1 {
		font-size: 2em;
		width: 50%;
		height: 50px;
	}
	
	#home #birthday img.left {
		margin-left: 5%;
	}
	
	#home #birthday img.right {
		margin-right: 5%;
	}
	
	footer#footer p {
		font-size: 1.5em;
		line-height: 1.2em;
	}
	
	footer#footer .logo {
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}
	
	footer#footer .social {
		margin: 3.5em 10% 0 0;
	}
	
	footer#footer a.parties {
		font-size: 1.5em;
		line-height: 1.2em;
		padding: 1.2em;
		width: 90%;
	}
	
	footer#footer div p a {
		display: block;
	}
	
	footer#footer p span {
		padding: 0 0 0.5em 0;
		margin: 0 0 0.5em 0;
	}
	
	/* MENU SECTION */
	
	#menu-overview h2 {
		width: 80%;
		margin: 0 auto;
	}
	
	.wreath-divider {
		width: 80%;
		height: 22px;
		margin: 0 auto;
		display: inline-block;
	}
	
	.wreath-divider div {
		margin: 0;
		width: 20%;
		display: inline-block;
	}
	
	.wreath-divider img {
		width: 7%;
		float: left;
		margin: 0 1%;
	}
	
	.wreath-divider span {
		height: 1px;
		width: 44.5%;
		display: inline-block;
		margin: 15px 0 0 0;
		float: left;
	}
	
	#menu-overview, #contact section.light, #catering section.light {
		padding: 150px 0 200px 0;
	}
	
	section#menu {
		padding: 200px 0;
	}
	
	#recipes section.light {
		padding: 150px 0 0 0;
	}
	
	#menu-overview ul {
		width: 80%;
	}
	
	#menu section#menu h2 {
		width: 80%;
	}
	
	#menu section#menu h4 {
		width: 90%;
		margin: 0 auto;
	}
	
	#menu section#menu p, #foodtruck section.light p {
		width: 80%;
	}
	
	#menu h1.sub {
		width: 90%;
		float: left;
		margin: 0 0 0 5%;
		font-size: 3.5em;
		line-height: 1em;
		padding: 0;
	}
	
	#download-container, #calendar-container {
		top: 125px;
		height: 3em;
	}
	
	#download-container a, #calendar-container a {
		float: none;
	}
	
	/* RECIPES */
	
	#recipes h1.sub {
		width: 80%;
		margin: 0 0 0 10%;
	}
	
	#recipes #recipe-thumbnails img {
		width: 90%;
	}
	
	/* CONTACT */
	
	#contact iframe {
		width: 90%;
	}
	
	/* FOOD TRUCK */
	
	#foodtruck img.banner {
		width: 90%;
	}
	
	#foodtruck iframe, #foodtruck .frame {
		width: 90%;
		margin: 3em 0 0 5%;
	}
	
	#foodtruck section.light h3.location {
		width: 90%;
		margin: 0 0 0 5%;
	}
	
	/* CATERING */
	#catering .secondary a {
		display: block;
		margin: 2em 0;
	}
	
	/* ABOUT */
	
	.lighter-content div {
		width: 100%;
		max-width: 100%;
	}
	
	.lighter-content div p {
		padding: 0;
		margin: 0 0 1em 0;
	}
	
	.lighter-content div img {
		width: 100%;
		margin: 4em auto 0 auto;
	}
	
	#Minicart-1 {
		position: absolute;
		right: -90px;
		top: 120px;
	}
	
	.shop h1.sub {
		font-size: 3em;
		margin-bottom: 0;
		text-align: left;
		padding: 0 0 0 12%;
	}
	
	.shop a.shop-cards-link {
	  font-size: 1em;
	  top: 240px !important;
	  left: 12%;
	}
    
    #mobile-nav-order {
        bottom: 24px;
    }
	
}



@media only screen and (max-width: 640px) {
	
	header {
		height: 4em;
	}
	
	header a#logo {
		width: 50px;
		height: 3em;
		position: relative;
		margin: 7px 0 0 5%;
		z-index: 10;
	}
	
	header button {
		padding: 10px 0;
		margin: -4.25em 5% 0 0;
		float: right;
		width: 43%;
		display: none;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}
	
	header nav {
		z-index: 14;
		height: 0;
		padding-bottom: 0;
		margin-top: 0.5em !important;
		padding: 0 0 0 2.5%;
		width: 100%;
		float: left;
	}
	
	header nav a {
		text-align: left;
		font-size: 1.3em;
		line-height: 2.5em;
		padding: 5px 0 0 4%;
		width: 50%;
	}
	
	header nav a::before {
		content: '\e80a'; /* '' */
		font-family: "zias";
		font-style: normal;
		font-weight: normal;
		speak: none;
		font-size: 0.8em;
		margin: 0 10px 0 0;
	}
	
	header nav a:last-child {
		width: 100%;
	}
	
	header div#top-social {
		display: none;
	}
	
	header a#menubutton {
		top: 1.25em;
		right: 4%;
		margin: 0;
	}
	
	.top-loc {
		font-size: 2em;
		top: 15px;
	}
	
	#commentcontent {
		padding: 0 6% 4em 6%;
		float: left;
	}
	
	#catering section.light form .left {
		width: 100%;
	}
	
	#catering section.light form .right {
		width: 100%;
	}
	
	
	.push-menu h2 {
		font-size: 3em;
		width: 88%;
		margin: 1em 2% 15px 6%;
	}
	
	.st-menu {
		width: 280px;
		padding: 32px 13px;
	}
	
	.st-effect-3.st-menu-open .st-pusher {
		-webkit-transform: translate3d(280px, 0, 0);
		transform: translate3d(280px, 0, 0);
	}
	
	.no-csstransforms3d .st-pusher,
	.no-js .st-pusher {
		padding-left: 280px;
	}
	
	.push-menu-vertical {
		width: 85%;
	}
	
	.push-menu-left {
		left: -85%;
	}
	
	#commentcontent input[type=text] {
		width: 40%;
	}
	
	#home #top {
		height: 350px;
	}
	
	#home #top #date {
		display: none;
	}
	
	#home #top h1 {
		margin: 80px 0 0 0;
	}
	
	#home #top #specials div {
		margin: 10px 0 0 0;
	}
	
	#home #top #specials div#lunch {
		margin: 80px 0 0 0;
	}
	
	#home #top #specials h2 {
		font-size: 1.8em;
	}
	
	#home #top #specials h3 {
		font-size: 1.3em;
        width: 90%;
	}
	
	#home #top #specials button {
		display: none;
	}
	
	#home #badge {
		width: 30%;
        margin-top: 260px;
	}
	
	.headline.small span {
		width: 28%;
	}
	
	.headline.small h3 {
		width: 44%;
	}
	
	#home #flags {
		width: 100%;
		margin: 0;
		top: 290px;
	}
	
	#home #flags div, #home #flags #flag-left, #home #flags #flag-right {
		width: 50%;
	}
	
	#home #flags #flag-left p {
		margin: 0.55em auto 0 auto;
	}
	
	#home #flags #flag-right p {
		margin: 0.55em auto 0 auto;
	}
	
	#home #flags span.outer {
		display: none;
	}
	
	#home section#featured {
		padding: 160px 0 80px 0;
		margin: 380px 0 0 0;
	}
	
	#home section#featured h2, .headline, .photos-three {
		width: 90%;
	}
	
	.headline h1 {
		width: 100%;
		font-size: 3em !important;
		display: inline-block;
		margin: 0 auto;
	}
	
	.headline span {
		display: none;
	}
	
	.headline.small span {
		width: 25%;
		display: inline-block;
	}
	
	
	.photos-three a {
		width: 100%;
		margin: 0 0 2em 0;
	}
	
	#home #birthday {
		padding: 80px 0;
	}
	
	#home #birthday img {
		display: none;
	}
	
	#home #birthday h1 {
		width: 90%;
	}
	
	#home #birthday .more {
		margin: 4em 0 0 0;
	}
	
	.wreath-divider img {
		width: 10%;
	}
	
	
	.wreath-divider span {
		width: 41.5%;
		margin: 10px 0 0 0;
	}
	
	#menu-overview, #contact section.light, #catering section.light {
		padding: 100px 0 200px 0;
	}
	
	#recipes section.light {
		padding: 100px 0 0 0;
	}
	
	section#menu {
		padding: 175px 0;
	}
	
	#foodtruck section.light {
		padding: 150px 0 200px 0;
	}
	
	#download-container, #calendar-container {
		top: 100px;
	}
	
	
	#recipe section.light {
		padding: 100px 0 0 0;
	}
	
	#recipes #recipe-thumbnails a {
		width: 100%;
	}
	
	#foodtruck h1.sub {
		margin: 0.25em 0 0 0;
	}
	
	#foodtruck section.light h2.headline-sub {
		margin: 0 0 2em 0;
	}
	
	#foodtruck section.light h2 {
		font-size: 3em;
	}
	
	#foodtruck section.light h3 {
		font-size: 1.5em;
	}
	
	footer#footer {
		padding: 30px 0 60px 0;
	}
	
	footer#footer .logo {
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	footer#footer img {
		width: 25%;
		max-width: 25%;
		margin: 0 auto;
	}
	
	footer#footer .social {
		width: 100%;
		margin: 2em 0 0 0;
	}
	
	footer#footer .social a {
		font-size: 2em;
		width: 2em;
		padding: 0;
		display: inline !important;
		float: none !important;
	}
	
	footer#footer .center {
		width: 90%%;
	}
	
	footer#footer a.parties span {
		display: block;
	}	
	
	.two-panels .bg, .about two-panels .bg {
		background: none !important;
		padding: 100px 0 0 0 !important;
	}
	
	.two-panels .left, .two-panels .right {
		width: 100%;
		display: block;
		margin: 0;
	}
	
	.two-panels .left {
		background: rgba(72,48,22,0.6);
		padding: 3em 0 0 0;
		margin: 0 0 1px 0;
	}
	
	.two-panels .right {
		background: rgba(157,142,127,0.6);
		padding: 3em 0 0 0;
	}
	
	.about .two-panels .left {
		background: #907f6a;
		background: rgba(86,64,40,0.6);
		padding-bottom: 2em;
	}
	
	.about .two-panels .right {
		background: #90806d;
		background: rgba(61,45,30,0.6);
		padding-bottom: 2em;
	}
	
	.about .two-panels {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	
	#Minicart-1 {
		display: none;
	}
	
	.shop h1.sub {
		font-size: 3em;
		margin-bottom: 0;
		text-align: center;
		padding: 0;
	}
	
	.shop .more {
		display: inline;
	}
	
	#my-store-189075 {
		display: none;
	}
	
	#recipes section.light h1.sub {
		margin-bottom: 0;
	}
	
	#recipe h1 {
		font-size: 2em !important;
		width: 90%;
		margin: 0 auto;
	}
	
	#recipe #photo {
		background: none;
		padding: 0;
		margin: 1em auto 0 auto;
	}
	
	#recipe #photo img {
		padding: 0;
		background: none;
		margin: 0 auto;
	}
	
	#recipe #photo p {
		color: #383838;
		margin: 0 auto 1em auto;
	}
	
	#recipe ul {
		margin-top: 3em;
		font-size: 1.25em;
		line-height: 1.25em;
	}
	
	.shop a.shop-cards-link {
	  font-size: 1.25em;
	  top: 0 !important;
	  left: auto;
	  position: relative;
	  display: inline-block;
	  margin-top: 2em;
	  width: 80% !important;
	}

}

@media only screen and (max-width: 414px) {
    #home section#featured { padding-top: 100px;}
}


@media only screen and (max-width: 321px) {
	
	header button {
		margin: -4.25em 4% 0 0;
		float: right;
	}
	
	.stars label div {
		font-size: 1em;
	}
	
	#home #badge {
		width: 60%;
		margin: 350px auto 0px auto;
	}
	
	#home section#featured {
		padding: 240px 0 0 0;
	}
	
	.headline h1 {
		width: 100%;
	}
	
	.headline span {
		display: none;
	}
	
	.headline.small span {
		width: 25%;
		display: inline-block;
	}
	
	.headline.small h3 {
		width: 50%;
	}
    
    #home #top #specials .headline.small span {width: 10%;}
    #home #top #specials .headline.small h3 { width: 80%;}
	
	#home section#featured h2 {
		color: #6e6e6e;
		margin: 0em 0 2em 5% !important;
		width: 90%;
		float: left;
		font-size: 1.25em;
	}
		
	.wreath-divider img {
		width: 15%;
	}
	
	
	.wreath-divider span {
		width: 40%;
		margin: 10px 0 0 0;
	}
	
	#menu-overview ul a, section#menu ul a {
		font-size: 2em;
	}
	
	#menu .cost div {
		width: 100%;
	}
	
	#menu .cost div span {
		font-size: 1.75em !important;
	}
	
	#recipe #photo img {
		padding: 10px;
		width: 90%;
	}
	
	#contact form input[type=text], #contact form input[type=email], #contact form textarea {
		width: 98%;
		margin: 0 0 1em 0;
	}
	
	#foodtruck .frame {
		display: none;
	}
	
	#foodtruck .location {
		padding: 0.5em;
	}
	
	#foodtruck img.banner {
		margin: 2em 0 0 0;
	}
	
	#foodtruck h1.sub {
		width: 90%;
		margin: 0 0 0 5%;
	}
	
	#foodtruck section.light h2.headline-sub {
		margin: 1.5em 0 2em 5%;
		width: 90%;
		line-height: 1.5em;
	}
	
	#foodtruck .mobile {
		display: inline;
	}
	
	#foodtruck .banner {
		display: none;
	}
	
	footer#footer a.parties {
		font-size: 1em;
	}	
	
	footer#footer ul li span {
		display: block;
	}
	
	#recipes #recipe-thumbnails a {
		opacity: 1;
		color: #fff;
		background: rgba(74,92,64,0.6);
	}
	
	#my-store-189075 {
		width: 100% !important;
		margin: 3em 0 0 0 !important;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	#my-store-189075 select, .ecwid-results-topPanel-controlsPanel {
		display: none !important;
	}
	
	.ecwid-productBrowser-productsGrid-mainTable {
		max-width: 320px !important;
	}
}


@media screen and (max-width: 30.6em) { 

	.qtrotator {
		font-size: 80%;
	}

	.qtrotator img {
		width: 80px;
	}

}