/* Media Queries*/
/* SMARTPHONES PORTRAIT */
@media only screen and (min-width: 0px) {
	#restaurant_hours {
		margin-top:0.2em;
	}
	
	#menu_top_text {
		font-size:0.6em;
	}
	
	#online_order_container {
		padding:0.3em;
	}
	#order_container_inner {
		font-size:0.75em;
		margin:3em 0;
	}
	#online_order_top {
		top:-2.8em;
	}
	#online_order_bottom {
		bottom:-3.6em;
	}
	
	.news-item, #contact_info {
		width:100%;
	}
	
	#legal_info {
		font-size:0.8em;
	}
	
	

}

/* SMARTPHONES LANDSCAPE */
@media only screen and (min-width: 550px) {
	body,html {
		font-size:15px;
	}
	
	#restaurant_hours {
		margin-top:-1.8em;
	}
	
	#online_order_container {
		padding:1em;
	}
	#order_container_inner {
		font-size:inherit;
		margin:0;
	}
	#online_order_top {
		top:-0.8em;
	}
	#online_order_bottom {
		bottom:-1em;
	}
	
	#menu_top_text {
		font-size:1.12em;
	}
	
	.news-item, #contact_info {
		width:100%;
	}
}

/* TABLETS PORTRAIT */
@media only screen and (min-width: 768px) {
	body,html {
		font-size:22px;
	}
	.news-item, #contact_info {
		width:70%;
	}
	
	#legal_info {
		font-size:0.5em;
	}
}


/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (min-width: 1130px) {
	body,html {
		font-size:29px;
	}
	
} 

/* General */

body, html {
	overflow-x:auto;
}

body {
	background-color:#fdff2e;
	text-align:center;
	font-family:'latoblack';
}

p {
	margin:0;
	padding:0;
	line-height:1.2em;
}

a {
	color:inherit;
	text-decoration:none;
}

h1 {
	font-family:'lobster_twobold';
}

h1 a {
	text-decoration:underline;
}

.red {
	color:#F00;
}

.black-border {
	border:0.5em solid #000;
	background-color:#FFF348;
	position:relative;
}

.square-button {
	border:7px solid #000;
	padding:0.2em 0.4em;
	font-family:'lobster_twobold';
}

#main_site {
	margin:auto;
	width:100%;
	max-width:1200px;
}

.site-section {
	width:92%;
	text-align:center;
	position:relative;
	margin:auto;
}

.section-head-img {
	max-width:25%;
}
.standalone-header-img {
	margin-top:-1em;
	margin-bottom:1.5em;
}

.dotted-border {
	font-size:17px;
	letter-spacing:3px;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	width:100%;
	margin:1em 0;
}

/* Top */
#main_header_img {
	width:100%;
}

#restaurant_hours {
	font-size:0.7em;
	margin-bottom:2em;
}

#restaurant_hours p {
	line-height:1.4em;
}

#online_order_container {
	width:95%;
	margin:1em auto;
}

#order_container_inner {
	position:relative;
	height:4em;
}

#online_small_text {
	font-size:0.7em;
	display:inline-block;
}

.online-logo {
	position:absolute;
	height:100%;
}

#online_logo_left {
	left:0;
}

#titos_express_img {
	height:100%;
}

#online_logo_right {
	right:0;
}

#online_button {
	background-color:#ED1C24;
	color:#FFF;
	margin-top:1em;
}

#online_order_top {
	position:absolute;
	width:100%;
}

#online_order_bottom {
	position:absolute;
	width:100%;
	font-size:0.86em;
}


#header_bottom {
	width:83%;
	margin:auto;
	font-size:0.96em;
}

#main_nav {
	font-size:0.75em;
	position:relative;
	height:5em;
	width:100%;
	margin:1.3em 0;
}

.nav-item-outer {
	position:absolute;
	top:0;
}

.nav-item-inner {
	position:relative;
	width:5em;
	height:5em;
	cursor:pointer;
	
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	border-radius: 5em;
}

.nav-text {
	background-color:#fdff2e;
	width:100%;
	position:relative;
	top:1.75em;
	padding:0.25em 0;
}

#nav_menu {	
	left:0;
}
#nav_menu .nav-item-inner {
	background-color:#ED1C24;
}

#nav_about {
	left:33%;
}
#nav_about .nav-item-inner {
	background-color:#A0D2EC;
	right:33%;
}

#nav_news {
	right:33%;
}
#nav_news .nav-item-inner {
	background-color:#050708;
	left:33%;
}

#nav_location {
	right:0;
}
#nav_location .nav-item-inner {
	background-color:#F89B5A;
}

/* Menu */
#menu_top_text {
	margin:2em 0;
	white-space:nowrap;
}

#menu_top_text span {
	padding:0.4em;
}

#menu {
	width:100%;
}

.menu-page {
	font-family:'latoregular';
	font-size:0.8em;
	text-align:left;
	background-color:#FFF;
	padding:2.5em 4%;
	position:relative;
	margin:auto;
	margin-top:1em;
	display:table;
}

.menu-col {
	display:table-cell;
	vertical-align:top;
}

.menu-side-col {
	width:12%;
}

.menu-text-col {
	padding:0 2% 0.6em;
	width:72%;
}

.menu-header {
	text-align:center;
	margin:0;
}

.menu-logo-col img {
	width:100%;
}

.menu-page-col {
	vertical-align:bottom;
	text-align:right;
	font-family:'chivoblack';
	color:#9E9FA4;
	font-size:0.8em;
	letter-spacing:0.03em;
	padding-right:2%;
}

.menu-item {
	border-top:1px dotted #000;
	width:100%;
	margin-top:1em;
	padding-top:0.3em;
}

.menu-page:last-of-type {
	margin-bottom:4em;
}

.menu-page:last-of-type .menu-item:last-of-type {
	border:none;
	margin-top:1.5em;
}

.bolded {
	font-family:'chivoblack';
}

.item-line {
	position:relative;
}

.item-left {
	width:75%;
}

.item-right {
	position:absolute;
	top:0;
	right:0;
}

/* About */
#about_banner {
	width:120%;
	position:relative;
	left:-10%;
	margin-bottom:2em;
}

#about_banner img {
	width:100%;
}

#about_info {
	text-align:left;
	font-size:0.86em;
	margin-bottom:2.5em;
}

#about_info p {
	margin:1.4em 0;
}

/* News */
.news-item {
	position:relative;
	margin:0 auto 6em;
	font-size:0.7em;
}
.news-item:last-of-type {
	margin-bottom:4em;
}

.news-image-container img {
	width:62%;
	text-align:center;
}

.news-item h1 {
	font-size:2.5em;
	margin:0.2em 0;
}

.news-item .regular {
	font-family:'latoregular';
	width:50%;
	margin:1em auto;
}

.news-button {
	margin-top:1.5em;
}

.news-button a {
	color:#FFF;
	background-color:#000;
	padding:0.3em 1em;
}

/* Location */
#location_map {
	background-color:#e9e5dc;
	position:relative;
	margin:auto;
	margin-bottom:1.5em;
	width:92%;
	height:20em;
}

#location_fallback_image {
	width:100%;
	height:100%;
}

#location_info {
	font-size:0.8em;
}

#location_small {
	margin-top:1.2em;
	font-size:0.8em;
}

#contact_info {
	position:relative;
	margin:2.5em auto 2em;
	height:3em;
}

.contact-block {
	position:absolute;
	top:0;
}

.contact-block-inner {
	position:relative;
	width:6em;
}

.contact-text {
	white-space:nowrap;
	position:relative;
	font-size:0.9em;
	width:8.1em;
	margin-top:0.45em;
}

#contact_email_text {
	left:-0.65em;
}

.contact-block .square-button {
	width:100%;
}

#contact_email {
	left:0;
}
#contact_email .square-button {
	background-color:#A0D2EC;
}

#contact_phone {
	left:50%;
}
#contact_phone .square-button {
	background-color:#ED1C24;
}
#contact_phone .contact-block-inner {
	right:50%;
}

#contact_fax {
	right:0;
}
#contact_fax .square-button {
	background-color:#F89B5A;
}

#no_phone_orders {
	font-family:'lobster_twobold';
	text-align:center;
	font-size:1.5em;
	margin:1.5em 0 0.7em;
}

/* Footer */
#social {
	position:relative;
	margin:1.5em auto 0;
	white-space:nowrap;
	width:50%;
	min-width:17em;
	height:3em;
}

#social img {
	height:100%;
	margin:0 0.4em;
}

#motto {
	font-size:2.5em;	
}

#legal_info {
	margin:5.5em 0 4em;
}

#privacy_notice {
	color:#F00;
	margin-bottom:1.2em;
}

#privacy_notice a {
	text-decoration:underline;
}