/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

/* Typography */
@font-face {
    font-family: 'RockSaltRegular';
    src: url('fonts/RockSalt-webfont.eot');
    src: url('fonts/RockSalt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/RockSalt-webfont.woff') format('woff'),
         url('fonts/RockSalt-webfont.ttf') format('truetype'),
         url('fonts/RockSalt-webfont.svg#RockSaltRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BoogalooRegular';
    src: url('fonts/Boogaloo-Regular-webfont.eot');
    src: url('fonts/Boogaloo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Boogaloo-Regular-webfont.woff') format('woff'),
         url('fonts/Boogaloo-Regular-webfont.ttf') format('truetype'),
         url('fonts/Boogaloo-Regular-webfont.svg#BoogalooRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SFCartoonistHandRegular';
    src: url('fonts/SF_Cartoonist_Hand-webfont.eot');
    src: url('fonts/SF_Cartoonist_Hand-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SF_Cartoonist_Hand-webfont.woff') format('woff'),
         url('fonts/SF_Cartoonist_Hand-webfont.ttf') format('truetype'),
         url('fonts/SF_Cartoonist_Hand-webfont.svg#SFCartoonistHandRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SFCartoonistHandItalic';
    src: url('fonts/SF_Cartoonist_Hand_Italic-webfont.eot');
    src: url('fonts/SF_Cartoonist_Hand_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SF_Cartoonist_Hand_Italic-webfont.woff') format('woff'),
         url('fonts/SF_Cartoonist_Hand_Italic-webfont.ttf') format('truetype'),
         url('fonts/SF_Cartoonist_Hand_Italic-webfont.svg#SFCartoonistHandItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SFCartoonistHandBold';
    src: url('fonts/SF_Cartoonist_Hand_Bold-webfont.eot');
    src: url('fonts/SF_Cartoonist_Hand_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SF_Cartoonist_Hand_Bold-webfont.woff') format('woff'),
         url('fonts/SF_Cartoonist_Hand_Bold-webfont.ttf') format('truetype'),
         url('fonts/SF_Cartoonist_Hand_Bold-webfont.svg#SFCartoonistHandBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SFCartoonistHandBoldItalic';
    src: url('fonts/SF_Cartoonist_Hand_Bold_Italic-webfont.eot');
    src: url('fonts/SF_Cartoonist_Hand_Bold_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SF_Cartoonist_Hand_Bold_Italic-webfont.woff') format('woff'),
         url('fonts/SF_Cartoonist_Hand_Bold_Italic-webfont.ttf') format('truetype'),
         url('fonts/SF_Cartoonist_Hand_Bold_Italic-webfont.svg#SFCartoonistHandBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SFCartoonistHandSCRegular';
    src: url('fonts/SF_Cartoonist_Hand_SC-webfont.eot');
    src: url('fonts/SF_Cartoonist_Hand_SC-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SF_Cartoonist_Hand_SC-webfont.woff') format('woff'),
         url('fonts/SF_Cartoonist_Hand_SC-webfont.ttf') format('truetype'),
         url('fonts/SF_Cartoonist_Hand_SC-webfont.svg#SFCartoonistHandSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SFCartoonistHandSCItalic';
    src: url('fonts/SF_Cartoonist_Hand_SC_Italic-webfont.eot');
    src: url('fonts/SF_Cartoonist_Hand_SC_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SF_Cartoonist_Hand_SC_Italic-webfont.woff') format('woff'),
         url('fonts/SF_Cartoonist_Hand_SC_Italic-webfont.ttf') format('truetype'),
         url('fonts/SF_Cartoonist_Hand_SC_Italic-webfont.svg#SFCartoonistHandSCItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SFCartoonistHandSCBold';
    src: url('fonts/SF_Cartoonist_Hand_SC_Bold-webfont.eot');
    src: url('fonts/SF_Cartoonist_Hand_SC_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SF_Cartoonist_Hand_SC_Bold-webfont.woff') format('woff'),
         url('fonts/SF_Cartoonist_Hand_SC_Bold-webfont.ttf') format('truetype'),
         url('fonts/SF_Cartoonist_Hand_SC_Bold-webfont.svg#SFCartoonistHandSCBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SFCartoonistHandSCBoldItalic';
    src: url('fonts/SF_Cartoonist_Hand_SC_Bold_Italic-webfont.eot');
    src: url('fonts/SF_Cartoonist_Hand_SC_Bold_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SF_Cartoonist_Hand_SC_Bold_Italic-webfont.woff') format('woff'),
         url('fonts/SF_Cartoonist_Hand_SC_Bold_Italic-webfont.ttf') format('truetype'),
         url('fonts/SF_Cartoonist_Hand_SC_Bold_Italic-webfont.svg#SFCartoonistHandSCBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
    font-family: 'SFCartoonistHandSCRegular', Arial, sans-serif ;
	text-align: justify;
}

a {
	color: #a60718;
}

a:hover {
	color: #f90c14;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'RockSaltRegular';
}

h6 small {
	color: #fff;
}

.rotate-left {
	/* Safari */
	-webkit-transform: rotate(-90deg);
	
	/* Firefox */
	-moz-transform: rotate(-90deg);
	
	/* IE */
	-ms-transform: rotate(-90deg);
	
	/* Opera */
	-o-transform: rotate(-90deg);
	
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.rotate-right {
	/* Safari */
	-webkit-transform: rotate(45deg);
	
	/* Firefox */
	-moz-transform: rotate(45deg);
	
	/* IE */
	-ms-transform: rotate(45deg);
	
	/* Opera */
	-o-transform: rotate(45deg);
	
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}


/* layout */

body {
	background: url(../img/backgrounds/lyonnette/lyonnette.png);
	overflow-x: hidden;
}

.top-bar {
	background: rgba(166,7,24,1);
	box-shadow: 0px 0px 20px black;
	margin-bottom: 0;
	position: relative;
	z-index: 100;
}

.top-bar-section ul {
	background: transparent;
}

.top-bar-section li a:not(.button) {
	background: inherit;
	color: white;
}

.top-bar-section li a:not(.button):hover {
	background: rgba(0,0,0,0.60);
	color: white;
}

.top-bar-section .dropdown li a {
	background: rgba(166,7,24,1);
}

.top-bar .toggle-topbar.menu-icon a {
	color: white;
}

.top-bar .toggle-topbar.menu-icon a span {
	-webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
	box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
}

.top-bar.expanded .top-bar-section ul {
	background: rgba(166,7,24,1);
} 

.top-bar.expanded .toggle-topbar.menu-icon a {
	color: white;
}

.top-bar.expanded .toggle-topbar a span {
	-webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
	box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
}

.top-bar ul li a img {
	width: 45px;
}

.phone {
	background: url(../img/phone.png) left top no-repeat;
	background-size: 45px;
	text-indent: 40px;
	line-height: 45px;
	position: absolute;
	left: 5px;
	top: 0px;
	z-index: 100;
}

.phone a {
	font-size: 24px !important;
	color: white !important;
}

.phone a:hover {
	color: white !important;
}

.mobile-map {
	display: none !important;
	width: 40px;
	display: block;
	position: absolute;
	left: 175px;
	top: 7px;
	z-index: 10;
}

.mobile-map img {
	width: 40px;
}

.button {
	background: #a60718;
	border-color: #333 !important;
}

.button:hover {
	background: #f90c14;
}

.order {
	width: 100%;
}

.header,
.main {
	position: relative;
}

.logo {
	display: block;
	width: 250px;
	margin-top: -5px;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 10;
}

.map {
	position: absolute;
	bottom: 40px;
	right: 20px;
	z-index: 5;
    font-family: 'RockSaltRegular';
    color: white;
    font-size: large;
    line-height: 30px;
    text-shadow: 0px 0px 5px black,
    			 0px 0px 10px black,
    			 0px 0px 15px black;
}

.map:hover {
	color: white;
}

.map img {
	vertical-align: text-top;
	margin-left: 10px;
	box-shadow: 0px 0px 5px black,
    			 0px 0px 10px black,
    			 0px 0px 15px black;
}

.hours {
	position: absolute;
	top: 53%;
	left: 20px;
	z-index: 10;
    color: white;
    text-shadow: 0px 0px 5px black,
    			 0px 0px 10px black,
    			 0px 0px 15px black;
}

.hours ul {
	font-size: small;
	list-style: none;
}

.hours ul p {
	margin: 0px;
	font-size: 18px;
    line-height: 18px;
}

.red-bar {
	width: 100% !important;
	height: 50px !important;
	margin: 0 auto 0;
	background: rgba(166,7,24,1);
	height: auto;
	box-shadow: 0px 0px 20px black;
	position: relative;
	z-index: 10;
}

.ribbon {
	 width: 80%;
	 height: 50px;
	 line-height: 50px;
	 position: relative;
	 background: rgba(166,7,24,1);
	 color: #fff;
	 text-align: center;
	 margin: 0 auto 1em;
	box-shadow: 0px 0px 20px black;
}

.home .ribbon {
	 margin: -1.2em auto 1em;
}

.ribbon:before, .ribbon:after {
	 background: #890916;
	 width: 13%;
	 height: 50px;
	 content: "";
	 position: absolute;
	 display: block;
	 bottom: -50%;
	 z-index: -1;
}

.ribbon:before {
	 left: -12.5%;
}

.ribbon:after {
	 right: -12.5%;
}

.ribbon-content {
	display: block;
	width: 100%;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
	content: "";
	width: 25px;
	height: 25px;
	position: absolute;
	display: block;
	bottom: -25px;
	z-index: 0;
}
.ribbon .ribbon-content:before {
	background: #890916; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #890916 0%, #890916 36%, #4f050d 59%, #4f050d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#890916), color-stop(36%,#890916), color-stop(59%,#4f050d), color-stop(100%,#4f050d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #890916 0%,#890916 36%,#4f050d 59%,#4f050d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #890916 0%,#890916 36%,#4f050d 59%,#4f050d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #890916 0%,#890916 36%,#4f050d 59%,#4f050d 100%); /* IE10+ */
	background: linear-gradient(45deg,  #890916 0%,#890916 36%,#4f050d 59%,#4f050d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#890916', endColorstr='#4f050d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	 left: 0;
}
.ribbon .ribbon-content:after {
	background: #4f050d; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #4f050d 0%, #4f050d 41%, #890916 64%, #890916 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#4f050d), color-stop(41%,#4f050d), color-stop(64%,#890916), color-stop(100%,#890916)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #4f050d 0%,#4f050d 41%,#890916 64%,#890916 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #4f050d 0%,#4f050d 41%,#890916 64%,#890916 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #4f050d 0%,#4f050d 41%,#890916 64%,#890916 100%); /* IE10+ */
	background: linear-gradient(135deg,  #4f050d 0%,#4f050d 41%,#890916 64%,#890916 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f050d', endColorstr='#890916',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	 right: 0;
}
.non-semantic-protector { 
	position: relative; 
	z-index: 1;
}

.tagline {
	display: block;
	color: white;
	height: 50px;
	line-height: 50px;
	width: auto;
	margin: 0;
	white-space: nowrap;
}

/* -----------------------------------------
   home page
----------------------------------------- */

.home .content {
	color: #333;
	padding: 25px 0;
}

.home .content h1, 
.home .content h2, 
.home .content h3, 
.home .content h4, 
.home .content h5, 
.home .content h6 {
	color: #333;
	font-weight: bold;
}

.home .content h4 {
	text-align: center;
}

.home .content p {
	font-size: 16px;
	margin: 0;
	text-align: left;
	color: #fff;
	letter-spacing: 1px;
}

.home .content ul {
	list-style: outside;
	color: #fff;
	margin-left: 20px;
}

.home .content img {
	text-align: center !important;
	margin: auto !important;
}

.home .content .box {
	background: black url(../img/backgrounds/black_lozenge/black_lozenge.png);
	padding: 2% 2% 5%;
	position: relative;
	border: white 10px solid;
	box-shadow: 0px 0px 10px black;
}

.left-box hr {
	margin-bottom: 5px;
}

.right-box {
	text-align: left;
}

.right-box .email {
	width: 150px;
}

.center-btn {
	display: block;
	text-align: center;
	width: 125px;
	margin: 10px auto;
}

#specials-email h4 {
	color: #000 !important;
	text-align: center;
}

.orbit-prev, .orbit-next, .orbit-slide-number {
	display: none;
}

.social-content {
	height: auto;
	padding: 15px 0px;
	top: auto;
	bottom: 0px;
	z-index: 0;
}

.social-content p {
	color: #fff;
}

.social-wrap {
	background: black url(../img/backgrounds/black_lozenge/black_lozenge.png);
	height: 220px;
	padding: 2% 2% 2% 30px;
	position: relative;
	border: white 10px solid;
	box-shadow: 0px 0px 10px black;
}

.image {
	background: black url(../img/backgrounds/black_lozenge/black_lozenge.png);
	position: relative;
	border: white 10px solid;
	margin: 10px;
	box-shadow: 0px 0px 10px black;
}


.side-text {
	width: 160px;
	height: 35px;
	margin: 0px;
	position: absolute;
	top: 82px;
	left: -63px;
	text-align: center;
	color: white;
}
.twitter-timeline {
	height: 200px;
}

#facebook {
	overflow: hidden !important;
}

.fb-like-box, .fb-like-box span, .fb-like-box.fb_iframe_widget span iframe {
    width: 100% !important;
}

#survey {
	padding: 5% 2% 5% 0;
}

#survey p {
	text-align: center;
	font-size: 12px;
}

#survey .center-btn {
	width: 180px;
}

.bot-bar {
	padding: 5px 0;
}

.bot-bar a,
.bot-bar p {
	color: black;
	margin: 0;
}

.bot-bar .inline-list {
	margin-bottom: 0px;
}

.bottom-links a {
	font-size: 0.8125em;		
}

.copyright p {
	margin-top: -5px;
}


/* -----------------------------------------
   inner pages
----------------------------------------- */
.main {
	background: url(../img/backgrounds/table.jpg) fixed center top no-repeat;
	background-size: cover;
	padding: 150px 0 50px;
}

.apps .main {
	background: url(../img/backgrounds/garlic-bread.jpg) fixed center top no-repeat;
	background-size: cover;
}

.catering .main {
	background: url(../img/backgrounds/pasta.jpg) fixed center top no-repeat;
	background-size: cover;
}

.dinner .main {
	background: url(../img/backgrounds/spaghetti.jpg) fixed center top no-repeat;
	background-size: cover;
}

.pizza .main {
	background: url(../img/backgrounds/pizza.jpg) fixed center bottom no-repeat;
	background-size: cover;
}

.salads .main {
	background: url(../img/backgrounds/salad.jpg) fixed center top no-repeat;
	background-size: cover;
}

.subs .main {
	background: url(../img/backgrounds/sub.jpg) fixed center top no-repeat;
	background-size: cover;
}

.stromboli .main {
	background: url(../img/backgrounds/stromboli.jpg) fixed center top no-repeat;
	background-size: cover;
}

.our-menu {
	list-style: inside;
	text-indent: 20px;
}

.our-menu li a {
	color: #fff;
	text-decoration: underline;
}

.our-menu li a:hover,
.menu-dl:hover {
	color: #fff;
}

.menu-dl {
	display: block;
	margin: auto;
    text-align: center;
    font-family: 'RockSaltRegular';
    color: white;
    font-size: 18px;
}

.menu-dl img {
	width: 75px;
	margin-right: -20px;
	vertical-align: middle;
}

table, tr, td, tr:nth-of-type(even) {
	background: none !important;
	border: none !important;
	color: white !important;
}

.inner .map {
	top: 30px;
	bottom: auto;
}

.inner .content {
	color: white !important;
	text-shadow: 0px 0px 5px black,
				 0px 0px 10px black,
				 0px 0px 15px black,
				 0px 0px 20px black;
	padding-top: 25px;
}

.inner .content > h1, h2, h3, h4, h5, h6 {
	color: white !important;
}

.inner .content a {
	color: #fff;
}

.inner .content a:hover {
	color: #fff;
}

/* -----------------------------------------
   Contact Form
----------------------------------------- */

.contact span {
	line-height: 32px;
}

.contact form {
	width:100%;
	min-width: 250px;
}

.contact #contactForm {
	position: relative;
}

.contact :disabled {
	opacity: .7;	
}

.contact input {
	margin:0; 
	border-radius: 10px;
	border: none;
	box-shadow: inset 5px 5px 5px black;
	padding: 10px 15px 5px;
	width: 100% !important;
}

.contact .quest textarea {
	margin: 0;
	resize: none;
	width:100%;
	height:140px;
	border-radius: 10px;
	border: none;
	box-shadow: inset 5px 5px 5px black;
	padding: 15px;
}

.contact input[type=submit] {
	width: auto !important;
	padding: 5px 15px;
	border-radius: 5px;
	box-shadow: 0px 0px 10px black;
	background: #e2e2e2; /* Old browsers */
	background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

.contact #result {
	width: 100%;
	height: auto;
	text-align: left;
}

.contact #result p {
	font-size: 18px;
	margin: 0;
}

.process {
	display: none;
}
@media only screen and (max-width: 56em) {
	.header {
		margin-bottom: -25px;
	}
	.phone a {
		font-size: 18px !important;
	}
	.ribbon {
		width: 90%;
		margin-top: -1.5em;
	}
	.ribbon:before, .ribbon:after {
		 background: rgba(137,9,22,1);
		 width: 6%;
		 height: 50px;
		 content: "";
		 position: absolute;
		 display: block;
		 bottom: -50%;
		 z-index: -1;
	}
	.ribbon:before {
		 left: -5.5%;
	}
	.ribbon:after {
		 right: -5.5%;
	}
	
	.home .content .box {
		margin-bottom: 25px;
	}

}
@media only screen and (max-width: 768px) {
	.social-wrap {
		margin-bottom: 20px;
	}
		
	.our-menu {
		list-style: inside;
		text-indent: 20px;
		color: #000;
	}
	
	.our-menu li a {
		color: #000;
	}
	
	.our-menu li a:hover,
	.menu-dl:hover {
		color: #000;
	}
	
	.inner .menu-dl {
	    color: #000;
	    font-size: 18px !important;
	}
	
	.menu-dl img {
		width: 70px;
		margin-right: -10px;
		vertical-align: middle;
	}
	
	.hours ul li p {
		font-size: 12px;
		line-height: 12px;
	}


}
@media only screen and (max-width: 585px) {
	.tagline {
		font-size: 12px;
	}
	
	.orbit {
		display: none;
	}
	
	.map, .hours {
		display: none;
	}
	
	.mobile-map {
		display: block !important;
	}
	
	.logo {
		background: url(../img/backgrounds/table-640.jpg) left top no-repeat;
		background-size: 100%;
		position: static;
		width: 100%;
		margin: auto;
		padding-bottom: 20px;
	}
	
	.logo img {
		display: block;
		width: 80%;
		margin: auto;
	}
	
	.main {
		background: none;
		padding: 0 0 20px;
	}

	.inner .content p,
	.inner .content h1,
	.inner .content h2, 
	.inner .content h3, 
	.inner .content h4, 
	.inner .content h5, 
	.inner .content h6, 
	.inner .content table, 
	.inner .content tr, 
	.inner .content td {
		color: black !important;
		text-shadow: none !important;
	}

	.home .content p,
	.home .content h1, 
	.home .content h2, 
	.home .content h3, 
	.home .content h4, 
	.home .content h5, 
	.home .content h6, 
	.home .content table, 
	.home .content tr, 
	.home .content td {
		color: white !important;
		text-shadow: none !important;
	}
	
	.bottom-links {
		display: none;
	}
	.copyright .right {
		float: none !important;
		margin: auto !important;
		text-align: center;
	}
	.apps .main, .catering .main, .dinner .main, .pizza .main, .salads .main, .subs .main, .stromboli .main {
		background: none;
	}

}
@media only screen and (max-width: 480px) {
	.tagline {
		font-size: 10px;
	}
	.ribbon {
		width: 95;
	}
	.ribbon:before, .ribbon:after {
		 background: rgba(137,9,22,1);
		 width: 6%;
		 height: 50px;
		 content: "";
		 position: absolute;
		 display: block;
		 bottom: -50%;
		 z-index: -1;
	}
	.ribbon:before {
		 left: -5.7%;
	}
	.ribbon:after {
		 right: -5.7%;
	}
	
	.right-box h6 {
		font-size: 12px;
		margin-top: 5px;
	}
	
	.about .content h6 {
		font-size: 12px;
	}

	.about .content h6 small {
		color: black;
	}
	
	.menu-dl {
		font-size: 14px;
	}
	

}