/* reset styles 
--------------------------------------------- */
	
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	}
	
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
	}
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}



/* main shared styles
--------------------------------------------- */
body {
	background-color: #404040;
	
	font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, Georgia, sans-serif;
	resize: 80%;
	font-size: 80%;
	background-color: #404040;
	color: black;
	padding: 2% 0 4% 0;
}

/* #background {
	font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, Georgia, sans-serif;
	resize: 80%;
	font-size: 80%;
	background-color: #404040;
	color: black;
	padding: 2% 0 4% 0;
	
}  */


.container {
	max-width: 90em;
	margin: 0 auto 0 auto;
	background-color: #7e4c10;
	min-width: 17em;
	font-size: 150%;
	padding: 1.6% 0 2.1% 0;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	   -webkit-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	      -moz-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	           box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
}
#wrapper {
	margin: 0 auto 0 auto;
	max-width: 95%;
	background-color: #7e4c10; 
	background-color: rgba(0,0,0,0);
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	/*   -webkit-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	      -moz-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	           box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3); */
}   
#logobox {
	background-color: #e5d8c7;
	max-width: 100%;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	   -webkit-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	      -moz-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	           box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
/*	margin-left: auto;
	margin-right: auto;
	padding-top: 2%;
	  */
}

#logo {
	
	max-width: 95%;
	margin-left: auto;
	margin-right: auto;
	background-color: #e5d8c7;
	padding: 2% 0 2% 0;
	
	/* -webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	   -webkit-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	      -moz-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	           box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
		   padding-top: 2%; */
	
}

.addressBar {
	padding: 1% 0 1% 0;
	text-align: center;
	font-size: 100%;
}

.hoursBar {
	padding: 1% 0 1% 0;
	text-align: center;
	font-size: 100%;
}

.address {
	display: inline;
	
	
}

.addressMiddle {
	display: inline;
	padding: 0 .5% 0 .5%;
}

.hours {
	display: inline;
	
}
.hoursMiddle {
	display: inline;
	padding: 0 2% 0 2%;
}
#logoImage {
	max-width: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #e5d8c7;
	padding: 1% 0 1% 0;
	
}

.navlink {
	display: inline;
	font-size: 170%;
	color: #e5d8c7;
}
.navlinkMiddle {
	display: inline;
	font-size: 170%;
	color: #e5d8c7;
	padding: 0 5% 0 5%;
}
.navlinkMiddle2 {
	display: inline;
	font-size: 170%;
	color: #e5d8c7;
	padding: 0 5% 0 5%;
}


.navlink:hover {
	color: #FFFAF0;
	cursor: pointer;
}
.navlinkMiddle:hover {
	color: #FFFAF0;
	cursor: pointer;
}
.navlinkMiddle2:hover {
	color: #FFFAF0;
	cursor: pointer;
}


.navbar {
	font-weight: bold;
	text-align: center;
	max-width: 100%;
	background-color: #7e4c10; 
	background-color: rgba(0,0,0,0);
	padding: 1% 0 1% 0;
	margin-left:auto;
	margin-right: auto;
	/* -webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	   -webkit-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	      -moz-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	           box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3); */
	
}
#nav {
	font-size: 150%;
	
}

/* a {
	
	text-decoration: underline;
	color: blue;
	
}
a:visited {
	
	color: purple;
}  */




/* #bottombox {
	max-width: 95%;
	background-color: #7e4c10;
	margin-left: auto;
	margin-right: auto;
	padding: 0 2% 4% 2%;
	
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	   -webkit-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	      -moz-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	           box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3); 
} */

#bottom {
	background-color: #e5d8c7;  /*  #FFFAF0;  */
   	padding-bottom: 2%;
/*	padding-left: 1em;
	padding-right: 1em; */
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	   -webkit-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	      -moz-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	           box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3); 
}

#pic {
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding: 1% 0 2% 0;
	
	
}

#ctrpic {
	max-width: 90%; 
	margin-left: auto;
	margin-right: auto;
	display: block;
	-webkit-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	      -moz-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	           box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	
}

ul:hover {
	cursor: default;
}

/* #w {
	max-width: 8%;
		
}  */

/* .content {
	background-color: #FFFAF0;   #e5d8c7; 
	 max-width: 90%;
	margin-left: auto;
	margin-right: auto; 
	 padding-top: 1%;
	padding-bottom: 1%;
	
	 
} */

.hidden {
	display: none;
}


p {
	font-size: 100%;
	padding: 1% 1% 2% 1%;
}
/* #home {
	padding: 1% 0 1% 0;
	background-color: #FFFAF0;
	
	
} */

.textBox {
	background-color: #7e4c10;
	max-width: 95%;
	margin: 0 auto 0 auto;
	-webkit-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	      -moz-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	           box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	
}

#welcome {
	text-indent: 0;
	text-align: left;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 1% 1% 1% 1%; 
	background-color: #FFFAF0;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	 /*   -webkit-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	      -moz-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	           box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);  */
}
#welcome:first-letter {
	font-size: 110%;
	font-weight: bold;
}

.history {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 1% 1% 1% 1%; 
	background-color: #FFFAF0;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	/*   -webkit-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	      -moz-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	           box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3); */
	 
}
.historyGraf {
	padding: 0 0 2% 0;
}

.title {
	font-weight:bold;
	padding-bottom: 2%;
	padding-top:2%;
	padding-left: 17%;
}

.location {
	padding: 1% 1% 1% 1%;
	text-align: center;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;

	background-color: #FFFAF0;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	/*   -webkit-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	      -moz-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	           box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3); */
}
.locationItem {
	font-size: 130%;
}
/* #newGraf1 {
	background-color: #e5d8c7;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#newGraf2 {
	
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #e5d8c7;
	
}

#newGraf3 {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #e5d8c7;
}  */
.menuBorder {
	padding: 1% 1% 1% 1%;
	text-align: left;
	max-width: 100%;

	margin-left: auto;
	margin-right: auto;
	
	

	background-color: #FFFAF0;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	 /*  -webkit-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	      -moz-box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);
	           box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3); */
}
/* menu nav */

#menuNav {
	font-weight: bold;
	text-align: center;
	padding-top: 1%;
	font-size: 150%;
	margin-left: auto;
	margin-right:auto;
	
	
	
}

.menulinks {
	display: inline;
	font-size: 140%;
	line-height: 1em;
	color: #7e4c10;	
}
.menulinksMiddle {
	display: inline;
	font-size: 140%;
	line-height: 1em;
	color: #7e4c10;
	padding: 0 5% 0 5%;
}
.menulinks:hover {
	color: #e5d8c7;
	cursor: pointer;
}
.menulinksMiddle:hover {
	color: #e5d8c7;
	cursor: pointer;
}




/* menu markup */

.menu {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	/* margin-bottom: 1%; */
	/* padding: 1% 1% 0 1%; */
}

h3 {
	margin-top: 3%;
	font-size: 120%;
}


ol {
	margin-top: 1%;
	word-spacing: .1em;
}

h6 {
	font-size: 110%;
	font-weight: normal;
	margin-left: 0;
	margin-right: 1%;
}

.description {
	line-height: 1em;
	font-size: 100%;
	margin-left: 3%;
	margin-bottom: 1%;
	
}

.description2 {
	line-height: 1em;
	font-size: 100%;
	margin-left: 4%;
	margin-top: .5%;
	text-indent: 1em;
	font-style: italic;
	margin-bottom: 1%;
}

.menuItem {
	line-height: 1.2em;
	text-indent: -.8em;
	font-style: italic;
	margin-left: 3%;
	font-size: 130%;
}
.drinkItem {
	font-size: 110%;
	line-height: 1.2em;
	text-indent: -.8em;
	font-style: italic;
	margin-left: 3%;
}

.beerItem {
	font-size: 110%;
	display: inline;
	text-indent: -.5em;
	font-style: italic;
}

/* list beers inline */
.beer {
	line-height: 1.2em;
	margin-right: 10%;
	text-align: center;
}

/* php contact form */
#contactHeader {
	padding-left: 5%;
}
#contactForm {
	padding: 1% 1% 1% 1%;
	text-align: left;
	max-width: 100%;
	

	background-color: #FFFAF0;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
}
input:focus {
	border-style: solid;
	border-color: #7e4c10;
}
form {
	margin: 0 0 0 0;
	
}
input {
	outline: none;
	margin: 0 0 0 20%;
}
#formHeader {
	text-align: center;
	font-weight: bold;
	font-size: 166%;
}
.formItem {
	font-size: 100%;
	margin: 0 0 0 20%;
	padding: 2% 0 1% 0;
}
textarea {
	max-width: 78%;
	margin: 0 5% 0 20%;
	
	height: 50%;
	resize: none;
	overflow: auto;
	
}
textarea:focus {
	border-color: #7e4c10;
	border-style: solid;
}
#button {
	margin: 0;
}
  
  
  /*  SHARED */
                  /* STYLES  */


/* teevee body styles */
.teevee .container {
	max-width: 90em;
	margin: 0 auto 0 auto;
	background-color: #7e4c10;
	min-width: 17em;
	font-size: 150%;
}
.teevee .addressBar {
	padding: 1% 0 1% 0;
	text-align: center;
	font-size: 100%;
}
.teevee .address {
	display: inline;
	font-size: 130%;
}
.teevee .addressMiddle {
	display: inline;
	padding: 0 .5% 0 .5%;
	font-size: 130%;
}
.teevee .hoursBar {
	padding: 1% 0 1% 0;
	text-align: center;
	font-size: 100%;
}
.teevee .hours {
	display: inline;
	font-size: 130%;
	
}
.teevee .hoursMiddle {
	display: inline;
	padding: 0 2% 0 2%;
	font-size: 130%;
}
.teevee .navbar {
	font-weight: bold;
	text-align: center;
	max-width: 100%;
	background-color: #7e4c10; 
	background-color: rgba(0,0,0,0);
	padding: 1% 0 1% 0;
	margin-left:auto;
	margin-right: auto;
}
.teevee .navlink {
	font-size: 170%;
	color: #e5d8c7;
}
.teevee .navlinkMiddle {
	display: inline;
	font-size: 170%;
	color: #e5d8c7;
	padding: 0 5% 0 5%;
}
.teevee .navlinkMiddle2 {
	display: inline;
	font-size: 170%;
	color: #e5d8c7;
	padding: 0 5% 0 5%;
}
.teevee .navlink:hover {
	color: #FFFAF0;
	cursor: pointer;
}
.teevee .navlinkMiddle:hover {
	color: #FFFAF0;
	cursor: pointer;
}
.teevee .navlinkMiddle2:hover {
	color: #FFFAF0;
	cursor: pointer;
}
/* .teevee .content {
	background-color: #e5d8c7;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	
} */
.teevee .menulinks {
	font-size: 140%;
	display: inline;
	color: #7e4c10;
}


.teevee .menulinksMiddle {
	font-size: 140%;
	display: inline;
	color: #7e4c10;
	padding: 0 5% 0 5%;
}
.teevee .menulinks:hover {
	color: #e5d8c7;
	cursor: pointer;
}
.teevee .menulinksMiddle:hover {
	color: #e5d8c7;
	cursor: pointer;
}
.teevee h3 {
	font-size: 120%;
}

.teevee p {
	font-size: 130%;
}
.teevee .location {
	text-align: center;
	margin-top: 0;
	margin-bottom: 1%;
}
.teevee .locationItem {
	font-size: 130%;
}

.teevee .menuItem {
	line-height: 1.2em;
	font-size: 130%;
	text-indent: -0.8em;
}

.teevee .description  {
	font-size: 100%;
	margin-top: .5%;
	line-height: 1em;
	margin-bottom: 1%;
}
.teevee .description2  {
	font-size: 100%;
	margin-top: .5%;
	line-height: 1em;
	margin-bottom: 1%;
}
.teevee .drinkItem {
	line-height: 1.2em;
	text-indent: -.8em;
	font-style: italic;
	margin-left: 3%;
	font-size: 110%;
}
.teevee .beerItem {
	font-size: 110%;
	display: inline;
	text-indent: -.5em;
	font-style: italic;
}



/* body class initial */
.initial .container {
	max-width: 70em;
	margin: 0 auto 0 auto;
	background-color: #7e4c10;
	min-width: 17em;
	font-size: 100%;
}

.initial .addressBar {
	padding: 1% 0 1% 0;
	text-align: center;
	font-size: 100%;
}
.initial .address {
	display: inline;
	font-size: 130%;
}
.initial .addressMiddle {
	display: inline;
	padding: 0 .5% 0 .5%;
	font-size: 130%;
}
.initial .hoursBar {
	padding: 1% 0 1% 0;
	text-align: center;
	font-size: 100%;
}
.initial .hours {
	display: inline;
	font-size: 130%;
	
	
}
.initial .hoursMiddle {
	display: inline;
	padding: 0 2% 0 2%;
	font-size: 130%;
}
.initial .navbar {
	font-weight: bold;
	text-align: center;
	max-width: 60%;
	background-color: #7e4c10; 
	background-color: rgba(0,0,0,0);
	padding: 1% 0 1% 0;
	margin-left:auto;
	margin-right: auto;
}
.initial .navlink {
	font-size: 150%;
	color: #e5d8c7;
}
.initial .navlinkMiddle {
	   display: inline;
	font-size: 150%;
	color: #e5d8c7;
	padding: 0 5% 0 5%;
}
.initial .navlinkMiddle2 {
	   display: inline;
	font-size: 150%;
	color: #e5d8c7;
	padding: 0 5% 0 0;
}
.initial .navlink:hover {
	color: #FFFAF0;
	cursor: pointer;
}
.initial .navlinkMiddle:hover {
	color: #FFFAF0;
	cursor: pointer;
}
.initial .navlinkMiddle2:hover {
	color: #FFFAF0;
	cursor: pointer;
}
/* .initial .content {
	background-color: #e5d8c7;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	
} */
.initial .menulinks {
	font-size: 140%;
	display: inline;
	color: #7e4c10;
}
.initial .menulinks:hover {
	color: #e5d8c7;
	cursor: pointer;
}
.initial .menulinksMiddle {
	font-size: 140%;
	display: inline;
	color: #7e4c10;
	padding: 0 5% 0 5%;
}
.initial .menulinksMiddle:hover {
	color: #e5d8c7;
	cursor: pointer;
}
initial h3 {
	font-size: 120%;
}

.initial p {
	font-size: 130%;
}
.initial .location {
	text-align: center;
	margin-top: 0;
	margin-bottom: 1%;
}
.initial .locationItem {
	font-size: 130%;
}
.initial .menuItem {
	line-height: 1.2em;
	font-size: 130%;
	text-indent: -0.8em;
}

.initial .description  {
	font-size: 100%;
	margin-top: .5%;
	line-height: 1em;
	margin-bottom: 1%;
}
.initial .description2  {
	font-size: 100%;
	margin-top: .5%;
	line-height: 1em;
	margin-bottom: 1%;
}
.initial .drinkItem {
	line-height: 1.2em;
	text-indent: -.8em;
	font-style: italic;
	margin-left: 3%;
	font-size: 110%;
}
.initial .beerItem {
	font-size: 110%;
	display: inline;
	text-indent: -.5em;
	font-style: italic;
}

/* body class tablet */
.tablet .container {
	max-width: 65em;
	margin: 0 auto 0 auto;
	background-color: #7e4c10;
	min-width: 17em;
	font-size: 100%;
}
.tablet .addressBar {
	padding: 1% 0 1% 0;
	text-align: center;
	font-size: 100%;
}

.tablet .address {
	display: inline;
	font-size: 130%;
}
.tablet .addressMiddle {
	display: inline;
	padding: 0 .5% 0 .5%;
	font-size: 130%;
}
.tablet .hoursBar {
	padding: 1% 0 1% 0;
	text-align: center;
	font-size: 110%;
}
.tablet .hours {
	display: inline;
	font-size: 90%;
}
.tablet .hoursMiddle {
	display: inline;
	font-size: 90%;
	padding: 0 .5% 0 .5%;
}
 /* .tablet .content {
	background-color: #e5d8c7;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	
} */
.tablet p {
	font-size: 130%;
}
.tablet .location {
	text-align: center;
	margin-top: 0;
	margin-bottom: 1%;
}
.tablet .locationItem {
	font-size: 130%;
}
.tablet .navbar {
	font-weight: bold;
	text-align: center;
	max-width: 63%;
	background-color: #7e4c10; 
	background-color: rgba(0,0,0,0);
	padding: 1% 0 1% 0;
	margin-left: auto;
	margin-right: auto;
}
.tablet .navlink {
	font-size: 132%;
	
	color: #e5d8c7;
}
.tablet .navlinkMiddle {
	   display: inline;
	font-size: 132%;
	color: #e5d8c7;
	padding: 0 5% 0 5%;
}
.tablet .navlinkMiddle2 {
	   display: inline;
	font-size: 132%;
	color: #e5d8c7;
	padding: 0 5% 0 0;
}
.tablet .navlink:hover {
	color: #FFFAF0;
	cursor: pointer;
}
.tablet .navlinkMiddle:hover {
	color: #FFFAF0;
	cursor: pointer;
}
.tablet .navlinkMiddle2:hover {
	color: #FFFAF0;
	cursor: pointer;
}
.tablet .menulinks {
	font-size: 120%;
	display:inline;
}
.tablet .menulinksMiddle {
	font-size: 120%;
	display:inline;
	padding: 0 5% 0 5%;
}

.tablet .menulinks:hover {
	
	color: #e5d8c7;
	cursor: pointer;
}
.tablet .menulinksMiddle:hover {
	
	color: #e5d8c7;
	cursor: pointer;
}
.tablet .description {
	font-size: 90%;
}

.tablet .description2 {
	font-size: 90%;
}
.tablet .menuItem {
	line-height: 1.8em;
	text-indent: -0.8em;
}

/* body class mobile */
.mobile .container {
	max-width: 65em;
	margin: 0 auto 0 auto;
	background-color: #7e4c10;
	min-width: 17em;
	font-size: 100%;
}
.mobile .addressBar {
	text-align: center;
	padding: .5% 0 0 0;
	font-size: 95%;
}

.mobile .address {
	display: block;
	font-size: 130%;
}
.mobile .addressMiddle {
	display: block;
	padding: 0 0 0 0;
	font-size: 130%;
}
.mobile .hoursBar {
	text-align: center;
	padding: .5% 0 0 0;
	font-size: 85%;
}
.mobile .hours {
	display: block;
	font-size: 130%;
}
.mobile .hoursMiddle {
	display: block;
	font-size: 130%;
	padding: 0 0 0 0;
}
/* .mobile .content {
	background-color: #e5d8c7;
	max-width: 98%;
	margin-left: auto;
	margin-right: auto;
	
} */
.mobile .navbar {
	font-weight: bold;
	text-align: center;
	max-width: 80%;
	background-color: #7e4c10; 
	background-color: rgba(0,0,0,0);
	padding: 1% 0 1% 0;
	margin-left:auto;
	margin-right: auto;
}
.mobile .navlink {
	font-size: 100%;
	color: #e5d8c7;
}
.mobile .navlinkMiddle {
     display: block;
	font-size: 100%;
	color: #e5d8c7;
	padding: 0 5% 0 5%;
}
.mobile .navlinkMiddle2 {
	display: block;   
     font-size: 100%;
	color: #e5d8c7;
	padding: 0 0 0 0;
}
.mobile .navlink:hover {
	color: #FFFAF0;
	cursor: pointer;
}
.mobile .navlinkMiddle:hover {
	color: #FFFAF0;
	cursor: pointer;
}
.mobile .navlinkMiddle2:hover {
	color: #FFFAF0;
	cursor: pointer;
}
.mobile .menulinks {
	display: block;
	font-size: 110%;
	color: #7e4c10;	
}
.mobile .menulinksMiddle {
	display: block;
	font-size: 110%;
	color: #7e4c10;
	padding: 0 5% 0 5%;
}
.mobile .menulinks:hover {
	color: #e5d8c7;
	cursor: pointer;
}
.mobile .menulinksMiddle:hover {
	color: #e5d8c7;
	cursor: pointer;
}
.mobile h3 {
	font-size: 90%;
}
.mobile p {
	font-size: 120%;
}
.mobile .location {
	text-align: center;
	margin-top: 0;
	margin-bottom: 1%;
}
.mobile .locationItem {
	font-size: 130%;
}
.mobile .menuItem {
	font-size: 120%;
	line-height: 1em;
	text-indent: -.3em;
}
.mobile .drinkItem {
	font-size: 100%;
	margin-top: 0;
	line-height: 1em;
	text-indent: 0;
}
.mobile .description {
	display: none;
	font-size: 60%;
	margin-top: 0;
	line-height: 1em;
}
.mobile .description2 {
	display: none;
	font-size: 60%;
	margin-top: 0;
	line-height: 1em;
}
.mobile .beerItem {
	font-size: 100%;
	
}