@charset "UTF-8";
/* CSS Document */



body {
	background-color: #000000;}

main {
	width: 960px;
	margin: 0px auto;
	background-image: url(img/background.jpg);
	background-repeat: repeat-y;}

nav {
	background-color: #000000;
	width: auto;
	height: 100px;
	border: 1px solid #000000;}

footer {
	background-color: #000000;
	height: 225px;
	width: auto;
	border: 1px solid #000000;}
	
h1 {
	font-family: 'Nunito', 'Helvetica', sans-serif;
	color: #ff6633;
	font-size: 35px;
	text-align: center;
	margin: 60px;}


.logo {
	float: left;
	margin: 15px 0px 0px 20px;}

ul {
	list-style: none;
	font-family: 'Nunito', 'Helvetica', sans-serif;
	color: #ffffff;
	font-size: 12px;
	margin: 40px 20px 0px 0px;
	float: right;}
	
.links {
	list-style: none;
	font-family: 'Nunito', 'Helvetica', sans-serif;
	color: #ffffff;
	font-size: 12px;
	margin: 38px 20px 0px 0px;
	float: right;}

.sociallinks {
	width: 135px;
	float: left;
	overflow: auto;
	margin: 30px 0px 0px 0px;}

.pagelinks {
	height:38px;
	width: 515px;
	float: right;
	text-align: right;
	margin: 35px 25px 0px 0px;}
	
.sizelinks {
	width: 175px;
	float: left;
	margin: 20px 25px 25px 25px;}

.desktop {
	margin: 5px;}
.tablet {
	margin: 5px;}
.mobile {
	margin: 5px;}
	
.information {
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	height:100px;
	width: 650px;
	margin: 0px auto;
	padding: 0px 25px 0px 0px;}

.add {
	font-family: 'Lato', 'Helvetica', sans-serif;
	float: right;}

.class {
	font-family: 'Lato', 'Helvetica', sans-serif;
	font-size: 10px;
	float: right;}
	
li {
	display: inline-block;
	padding: 0px 8px;}
	
.current {
	text-decoration:underline;
	color: #ff6633;}

.map {
	margin: 20px 0px 0px 20px;}

.background {
	background-color: rgba(0,0,0,0.75);
	width: 840px;
	height: 640px;
	margin: 50px auto;}

.title {
	font-family: 'Nunito', 'Helvetica', sans-serif;
	font-size: 25px;
	background-color: #ff6633;
	width: 120px;
	margin: 0px 160px;}
	
.title2 {
	font-family: 'Nunito', 'Helvetica', sans-serif;
	font-size: 25px;
	background-color: #ff6633;
	width: 150px;
	margin: 0px 150px;}
	
.hcinfo {
	width: 960px;
	margin: 0px auto;
	border: 1px solid red;
	height: 650px;}

.hours {
	float: left;
	border: 1px solid #01F2FF;
	text-align: center;
	color: #ffffff;}

.hourinfo {
	border: 1px solid pink;
	width: 425px;
	line-height: 30px;
	color: rgba(0,0,0,0.75);
	font-family: 'Lato', 'Helvetica', sans-serif;}

.contact {
	float: right;
	border: 1px solid green;
	width: 425px;
	margin: 0px 50px;}
	
.app {
	height: 314px;
	margin: 0px 0px 10px 0px;}
	
.apppic {
	float: left;
	margin: 0px 0px 0px 10px;}

.appinfo {
	float: right;
	width: 325px;
	height: 314 px;
	margin: 25px 70px 0px 0px;}
	
.appspecial {
	font-family: 'Nunito', 'Helvetica', sans-serif;
	font-size: 30px;
	margin: 60px 0px 0px 0px;
	color: #99cc33}

.appfine {
	font-family: 'Lato', 'Helvetica', sans-serif;
	font-size: 12px;
	text-align: right;
	margin: 60px 0px 0px 0px;}
	
.appbottom {
	font-size: 18px;
	color: #000000;}

.lunch {
	height: 314px;
	margin: 0px 0px 10px 0px;}
	
.lunchpic {
	float: left;
	margin: 0px 0px 0px 10px;}
	
.lunchspecial {
	font-family: 'Nunito', 'Helvetica', sans-serif;
	font-size: 40px;
	text-align: center;}

.lunchtime {
	font-family: 'Lato', 'Helvetica', sans-serif;
	font-size: 18px;
	text-align: center;
	margin: 35px auto;}

.lunchinfo {
	float: right;
	width: 325px;
	height: 314 px;
	margin: 25px 70px;}

.lunchbottom {
	font-family: 'Lato', 'Helvetica', sans-serif;
	font-size: 25px;
	margin: 0px 0px 0px 55px;}
	
.lunchhr {
	border: none;
	background-color: #ff6633;
	width: 285px;
	height: 3px;
	margin: -40px auto 10px auto;
	color: #ff6633;}

.happy {
	height: 314px;
	margin: 0px 0px 10px 0px;}
	
.happypic {
	float: left;
	margin: 0px 0px 0px 10px;}

.happyinfo {
	float: right;
	width: 325px;
	margin: 25px 70px;}
	
.happyspecial {
	font-family: 'Nunito', 'Helvetica', sans-serif;
	font-size: 35px;
	text-align: center;
	color: #ff6633;}

.happybottom {
	font-size: 30px;
	text-align: center;
	color: #000000;}

.happybottom2 {
	font-size: 20px;
	text-align: center;
	color: #000000;}

.age {
	font-family: 'Lato', 'Helvetica', sans-serif;
	font-size: 12px;
	text-align: right;
	margin: 0px 0px 30px 0px;}

.coupon {
	height: 305px;
	width: 817px;
	border: 3px dashed #ff6633;
	margin: 40px auto;
	background-color: #ffffff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;}

.couponhr {
	border: none;
	background-color: #ff6633;
	width: 650px;
	height: 5px;
	margin: 0px auto;
	color: #ff6633;}

.print {
	font-family: 'Nunito', 'Helvetica', sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 0px 10px 0px 55px;
	width: 275px;
	background-color: #000000;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #ffffff;}

.print2 {
	font-family: 'Nunito', 'Helvetica', sans-serif;
	text-align: center;
	margin: 3px 5px 65px 704px;
	width: 110px;
	background-color: #000000;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #ffffff;}

.couponinfo {
	font-family: 'Nunito', 'Helvetica', sans-serif;
	text-align: center;
	font-size: 80px;
	margin: 5px 0px;}

.couponfine {
	font-family: 'Lato', 'Helvetica', sans-serif;
	font-size: 10px;
	text-align: center;
	margin: 55px auto 0px auto;}
		
a:link {
	color: #ffffff;
	text-decoration:none;}

a:visited {
	color: #99cc33;
	text-decoration:underline;}

a:hover{
	color: #777777;
	text-decoration:none;}

a:active {
	color: #ff6633;
	text-decoration:none;}