@charset "UTF-8";
@import url("mastheads.css") screen;
body {
	background-color: #FFFFFF;
}
#header {
	background-color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
}
#mainnav {
	background-color: #000000;
	border: none;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	margin-bottom: 0px;
}
#mainnav a:link, #mainnav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#mainnav a:hover {
	color: #8D8D8D;
}
#mainnav .dropdown-menu a:link, #mainnav .dropdown-menu a:visited {
	color: #858585;
}
#mainnav .dropdown-menu a:hover {
	color: #3B3B3B;
	text-decoration: none;
	background-color: #FFFFFF;
}
#titlescreen h1 {
	font-family: 'Prompt', sans-serif;
	font-size: 2.5em;
	color: #FFFFFF;
	font-weight: 800;
	text-align: right;
	text-transform: uppercase;
}

@media (min-width: 768px) {
#titlescreen h1 {
	font-size: 5.5em;
}
}
#titlescreen h2, #masthead h2 {
	font-family: 'Prompt', sans-serif;
	font-size: 1.75em;
	color: #FFFFFF;
	font-weight: 400;
	text-align: right;
}

@media (min-width: 768px) {
#titlescreen h2, #masthead h2 {
	font-size: 4.25em;
}
}
#titlescreen .container, #masthead .container {
	background-color: rgba(0,0,0,0.25);
}
#intro {
	background-color: #FFFFFF;
	text-align: center;
	padding-top: 75px;
	padding-bottom: 75px;
}
#intro h2 {
	font-family: 'Prompt', sans-serif;
	font-size: 3.25em;
	color: #3B3B3B;
	font-weight: 100;
}

@media (min-width: 768px) {
#intro h2 {
	font-size: 5em;
}
}
#intro p {
	font-family: 'Prompt', sans-serif;
	font-size: 1.25em;
	color: #858585;
	line-height: 175%;
}
#sandwich h2 {
	font-family: 'Prompt', sans-serif;
	font-size: 2.5em;
	color: #FFFFFF;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
}

@media (min-width: 768px) {
#sandwich h2 {
	font-size: 5.5em;
}
}
#sandwich p {
	font-family: 'Prompt', sans-serif;
	font-size: 1.75em;
	color: #FFFFFF;
	font-weight: 400;
	text-align: center;
}

@media (min-width: 768px) {
#sandwich p {
	font-size: 4.25em;
}
}
#banhmi {
	background-color: #FFFFFF;
	text-align: center;
	padding-top: 75px;
	padding-bottom: 75px;
}
#banhmi h2 {
	font-family: 'Prompt', sans-serif;
	font-size: 3.25em;
	color: #3B3B3B;
	font-weight: 100;
}

@media (min-width: 768px) {
#banhmi h2 {
	font-size: 5em;
}
}
#banhmi p {
	font-family: 'Prompt', sans-serif;
	font-size: 1.25em;
	color: #858585;
	line-height: 175%;
}
/* start interior pages styling */
#masthead h1 {
	font-family: 'Prompt', sans-serif;
	font-size: 2.5em;
	color: #FFFFFF;
	font-weight: 800;
	text-align: right;
	text-transform: uppercase;
}

@media (min-width: 768px) {
#masthead h1 {
	font-size: 5.5em;
}
}
#content {
	background-color: #FFFFFF;
	padding-top: 75px;
	padding-bottom: 75px;
}
#content h2 {
	font-family: 'Prompt', sans-serif;
	font-size: 3.25em;
	color: #3B3B3B;
	font-weight: 400;
	padding-bottom: 35px;
}

@media (min-width: 768px) {
#content h2 {
	font-size: 5em;
}
}
#content h3 {
	font-family: 'Prompt', sans-serif;
	font-size: 2.85em;
	color: #3B3B3B;
	font-weight: 400;
	padding-bottom: 15px;
	margin-bottom: 0px;
}
#content h4 {
	font-family: 'Prompt', sans-serif;
	font-size: 1.65em;
	color: #3B3B3B;
	font-weight: 400;
	padding-bottom: 2px;
	margin-bottom: 0px;
}
#content p {
	font-family: 'Prompt', sans-serif;
	font-size: 1.25em;
	color: #858585;
	padding-top: 0px;
	padding-bottom: 15px;
	margin-top: 0px;
}
#content .btn {
	color: #FFFFFF;
	border-color: #858585;
	background-color: #858585;
	-webkit-transition: color .75s ease-in-out;
	-moz-transition: color .75s ease-in-out;
	-ms-transition: color .75s ease-in-out;
	-o-transition: color .75s ease-in-out;
	transition: color .75s ease-in-out;
}
#content .btn:hover {
	color: #858585;
	border-color: #858585;
	background-color: #FFFFFF;
}
.menu-dropdown {
	font-family: 'Prompt', sans-serif;
	font-size: 1.35em;
	font-weight: 300;
}
.menu-dropdown ul {
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 25px;
}
.menu-dropdown ul li {
	padding-bottom: 25px;
}
.menu-dropdown ul li a:link, .menu-dropdown ul li a:visited {
	color: #858585;
}
.menu-dropdown ul li a:hover {
	color: #3B3B3B;
	text-decoration: none;
}
#menu-dropdown-button {
	text-align: right;
}
#menu-dropdown-button .btn {
	background-color: #858585;
	color: #FFFFFF;
	-webkit-transition: background 1s;
	-moz-transition: background 1s;
	-ms-transition: background 1s;
	-o-transition: background 1s;
	transition: background 1s;
	border-color: #858585;
}
#menu-dropdown-button .btn:hover {
	background-color: #FFFFFF;
	color: #858585;
	border-color: #858585;
}
#footer {
	background-color: #3B3B3B;
	padding-top: 0px;
	padding-bottom: 75px;
}
#footer h3 {
	font-family: 'Prompt', sans-serif;
	font-size: 1.25em;
	color: #FFFFFF;
	text-transform: uppercase;
}
#footer p {
	color: #FFFFFF;
}
#footer .btn {
	color: #3B3B3B;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	-webkit-transition: background 1s;
	-moz-transition: background 1s;
	-ms-transition: background 1s;
	-o-transition: background 1s;
	transition: background 1s;
	margin-bottom: 25px;
}
#footer a:link, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #8D8D8D;
}
#footer .btn:hover {
	border: 1px solid #FFFFFF;
	background-color: #3B3B3B;
	color: #FFFFFF;
}
#tweets {
	margin-top: 20px;
}
.google-maps {
	position: relative;
	padding-bottom: 75%;
// This is the aspect ratio height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
#credits {
	margin-top: 45px;
	margin-bottom: 15px;
	font-size: x-small;
}
#disclaimer {
	margin-top: 75px;
}
#disclaimer p {
	text-align: center;
	font-style: italic;
	font-size: small;
}
#fax-order {
	background-color: #7B2F2E;
	margin-bottom: 35px;
	padding-bottom: 10px;
}
#fax-order h2 {
	color: #FFFFFF;
}
#fax-order-left {
	text-align: right;
	margin-top: 0px;
	padding-top: 10px;
}
#fax-order .fa-circle {
	color: #FFFFFF;
}
#fax-order .fa-fax {
	color: #7B2F2E;
	font-size: 0.75em;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.carousel-caption {
	top: 35%;
	transform: translateY(-50%);
	bottom: initial;
	font-family: 'Prompt', sans-serif;
	font-size: 3em;
	color: #999999;
	font-weight: 100;
	text-shadow: none;
	font-style: italic;
}
.carousel-inner img {
	margin: auto;
}