@charset "UTF-8";
* {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
img {
	max-width: 100%;
}
body, 
html {
	color: #111;
	background-color: #ffffff;
	height: 100%;
	font-size: 1em;
	line-height: 1em;
	overflow: visible;
}
.clearfloat {
	clear: both;
	font-size: 0px;
	line-height: 0px;
		}
.content{
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	}
.contentContainer {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
	padding-left: 75px;
	padding-right: 75px;
    line-height: normal;
}
.menu_content {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    line-height: normal;
}
#logo {
    background-color: #D0BE73;
}
#headline {
    background-color: #D0BE73;
}
#guru {
    background-color: #D0BE73;
}
h1{
    text-align: left;
    font-family: 'f37_judgeregular';
    font-size: 2.9em;
	letter-spacing: 0.05em;
    height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    display: inline-block;
}
h2{
    text-align: left;
    font-family: 'f37_judgebold';
    font-size: 5em;
	letter-spacing: 0.03em;
    height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    display: inline-block;
}
h3{
    text-align: left;
    font-family: 'f37_judgebold';
    font-size: 3em;
	letter-spacing: 0.03em;
    height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    display: inline-block;
}
h4{
    text-align: center;
    font-family: 'f37_judgeregular';
    font-size: 3em;
	letter-spacing: 0.03em;
    height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    display: inline-block;
}
#order {
    background-color: #FF0001;
    color: #FFFFFF;
}
#order a {
    color: #FFFFFF;
	text-decoration: none;
}
#order a:hover {
    color: #D0BE73;
    text-decoration: none;
}
#hiring {
	font-size: 0.8em;
    background-color: #FF0001;
    color: #FFFFFF;
}
#hiring a {
	
    color: #FFFFFF;
	text-decoration: none;
}
#hiring a:hover {
    color: #000000;
    text-decoration: none;
}
#social {
    background-color: #FFFFFF;
    color: #000000;
}
#social a{
    color: #FF0001;
	text-decoration: none;
}
#social a:hover{
    color: #D0BE73;
	text-decoration: none;
}
#location {
    background-color: #000000;
    color: #FFFFFF;
}
#location a{
   color: #FFFFFF;
	text-decoration: none;
}
#location a:hover{
   color: #D0BE73;
	text-decoration: none;
}
#time {
    background-color: #D0BE73;
    color: #000000;
}
#menu {
    background-color: #000000;
    color: #FFFFFF;
}
#pizzas {
    background-color: #FF0001;
    color: #FFFFFF;
}
#salads {
    background-color: #D0BE73;
    color: #000000;
}#cheese_steaks {
    background-color: #000000;
    color: #D0BE73;
}
#burger_subs {
    background-color: #FF0001;
    color: #000000;
}
#hot_subs {
    background-color: #000000;
    color: #FF0001;
}
#cold_subs {
    background-color: #D0BE73;
    color: #FFFFFF;
}
#appetizers {
    background-color: #FF0001;
    color: #000000;
}
#baskets {
    background-color: #000000;
    color: #FFFFFF;
}
#stay_away {
    background-color: #FF0001;
    color: #FFFFFF;
}

/* Landscape phone to portrait tablet */
@media (max-width: 1024px) {
	h1{
    text-align: left;
    font-family: 'f37_judgeregular';
    font-size: 3.1em;
	letter-spacing: 0.02em;
    height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    display: inline-block;
}
	h2{
    text-align: left;
    font-family: 'f37_judgeregular';
    font-size: 4em;
	letter-spacing: 0.02em;
    height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    display: inline-block;
}
	h3{
    font-size: 1.4em;
	letter-spacing: 0.02em;
    padding-top: 40px;
    padding-bottom: 40px;
}
	
}
/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
	h1{
    text-align: left;
    font-family: 'f37_judgeregular';
    font-size: 2.2em;
	letter-spacing: 0.01em;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
}
	h2{
    text-align: left;
    font-family: 'f37_judgeregular';
    font-size: 2.3em;
	letter-spacing: 0.01em;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
}
	h3{
    font-size: 1.4em;
	letter-spacing: 0.01em;
    padding-top: 40px;
    padding-bottom: 40px;
}
	.contentContainer {
	padding-left: 20px;
	padding-right: 20px;
}
	#location{
		font-size: 0.8em;
		}
	#email{
		font-size: 0.89em;
		}
	#time {
    font-size: 0.8em;
}
}