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

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%;
  	font: inherit;
  	vertical-align: baseline;
  	outline: none;
  	-webkit-font-smoothing: antialiased;
  	-webkit-text-size-adjust: 100%;
  	-ms-text-size-adjust: 100%;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}
body {
    font-family: 'Reddit Sans', sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 500;
  	font-style: normal;
    font-size: 1em;
    line-height: 1;
    overflow-x: hidden;
    color: #000;
    font-weight: normal;
    width: 100%;
    min-width: 100%;
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(70,58,38,1.00) 64.96%,rgba(0,0,0,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(70,58,38,1.00) 64.96%,rgba(0,0,0,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(70,58,38,1.00) 64.96%,rgba(0,0,0,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(0,0,0,1.00) 0%,rgba(70,58,38,1.00) 64.96%,rgba(0,0,0,1.00) 100%);
}
.form_a { display: none; }
br { 
	clear: all;
} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
input, textarea { 
  	-webkit-font-smoothing: antialiased;
  	-webkit-text-size-adjust: 100%;
  	-ms-text-size-adjust: 100%;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	outline: none; 
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }
p {
  	font-size: 1em;
  	line-height: 1.5em;
    margin-bottom: 25px;
}
p.desc {
  	text-align: center;
}
sup {
    font-size: .5em;
    vertical-align: super;
    line-height: 1;
}
iframe { 
    border: none; 
    scrolling: none; 
}



/*------------------*\
    VIDEO
/*------------------*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
	background-color: #fff;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
	
}

/*------------------*\
    SVG ICONS
/*------------------*/

.wifiicon { 
	background: url(../svg/wifi.svg) no-repeat center;
    float: left;
	height: 25px;
	width: 25px;
    margin-right: 10px;
}
.imageicon { 
	background: url("../svg/camera.svg") no-repeat;
    float: right;
	height: 25px;
	width: 25px;
    margin-left: 10px;
    opacity: .3;
}
.cameraicon { 
    display: inline;
    margin-left: 10px;
    margin-bottom: 0;
    opacity: .3;
    vertical-align: middle;
}
.cameraicon:hover { 
    opacity: 1;
}
.emailicon { 
    display: inline;
    margin-left: 10px;
    opacity: .5;
    height: 45px;
}



/*------------------*\
    LINKS
/*------------------*/

a { text-decoration: none; }
a:link {
	color: #8D1E20;
}
a:visited {
	color: #8D1E20;
}
a:hover { color: #8c734b; }
a.whitelink { color: #fff; text-decoration: underline; }
a.whitelink:hover { opacity: .5; }
a.page_anchor { 
	display: block;
	position: relative;
	padding-top: 190px;
	float: none;
	clear: both;
}
a.anchor {
	display: block;
	position: relative;
	height: 75px;
	float: left;
	clear: both;
}
.click  {
	color: #1D376C;
	text-decoration: underline;
	cursor: pointer;
}
.click:hover  {
	color: #01B3E4;
}
a.nextbutton {
    padding: 10px;
    border: 1px solid #8B8B8B;
    margin: 5px;
}
a.textlink {
    text-decoration: underline;
}
a.textlink:hover { color: #8c734b; }

/*------------------*\
    TOP HEADER
/*------------------*/

#top {
    background-color: #000;
    width: 100%;
    height: 55px;
    z-index: 999;
    text-align: center;
    margin: 0 auto;
    position: fixed;
    top: 70px;
    border-bottom: solid 2px #8c734b;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
}
#hiddentop {
    visibility: hidden;
    display: none;
}
#topgradient {
    width: 100%;
    height: 10px;
    z-index: 9999;
    text-align: center;
    margin: 0 auto;
    position: fixed;
    top: 0;
    background-color: #7D1A1C;
    background-image: -webkit-linear-gradient(0deg,rgba(0,0,0,1.00) 0%,rgba(125,26,28,1.00) 46.34%,rgba(0,0,0,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(0,0,0,1.00) 0%,rgba(125,26,28,1.00) 46.34%,rgba(0,0,0,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(0,0,0,1.00) 0%,rgba(125,26,28,1.00) 46.34%,rgba(0,0,0,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(0,0,0,1.00) 0%,rgba(125,26,28,1.00) 46.34%,rgba(0,0,0,1.00) 100%);
}
#topcontact {
	color: #000;
	background-color: #fff;
	text-align: right;
	width: auto;
	float: right;
	margin-right: 0px;
	margin-bottom: 0;
}
#logo {
	width: 375px;
	display: inline-block;
    z-index: 999;
    opacity: 1;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 0;
	background-color: #fff;
	padding: 15px;
	border: 2px solid #8c734b;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
}
#logo2 {
	width: 375px;
	display: inline-block;
    z-index: 999;
    opacity: 1;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 0;
    background-color: #fff;
	padding: 15px;
	border: 2px solid #8c734b;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
}
#telephoneicon { 
    visibility: hidden;
    display: none;
}




/*------------------*\
    POSITIONING
/*------------------*/

.main-content { 
    margin-top: 125px; 
    color: #fff;
}
.topmargin { 
	height: 60px;
}
.contactpgtopmargin { 
	margin-top: 50px; 
}
.aligncenter { 
	width: 100%;
	margin: auto;
	text-align: center;
    float: none; 
}
.inner { 
	display: table; 
	margin:0 auto; 
}
.margin4sides {
	margin: 0;
	padding: 100px;
	display: block;
	line-height: 1.5em;
	clear: both;
	width: 100%;
	font-size: 1.2em;
    color: #fff;
    background-color: #000;
    position: relative;
    float: none;
    top: -5px;
}
.margincentered {
    background-color: #fff;
    color: #000;
    padding: 100px;
    width: 100%;
    display: block;
    margin: -100px auto 0;
    z-index: 99;
    position: relative;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.9);
    border: solid 2px #8c734b;
    opacity: 1;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.5em;
}
.margincentered h1 {
	text-align: center;
}
.margincentered h2 {
	text-align: center;
}
.margincentered h3 {
	text-align: center;
	font-size: 1.5em;
	line-height: 1em;
	color: #8c734b;
	text-transform: uppercase;
	letter-spacing: 0px;
    font-weight: normal;
    font-style: normal;
  	display: block;
}
.marginLR {
	margin: 0 auto;
	padding-right: 100px;
	padding-left: 100px;
	display: block;
	line-height: 1.5em;
	clear: both;
	width: 100%;
	font-size: 1.2em;
}
.marginLR h1 {
	font-size: 3em;
}
#left {
	float: left;
    margin-top: 100px;
    margin-left: 100px;
	margin-right: 550px;
    margin-bottom: 100px;
	line-height: 1.5em; 
	font-size: 1.2em;
	width: auto;
    background-color: #fff;
}
#right {
	color: #000;
	float: left;
	width: 450px;
	margin-left: -450px;
	padding-top: 100px;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 50px;
	line-height: 1.5em;
	font-size: 1.2em;
    background-image: url(../images/menu_title_bg.jpg);
}
.dividingline { 
	border-top: 1px dotted #8c734b; 
	display: table;
    margin: 25px auto 50px;
    width: 80%;
}
.topright {
	margin-left: 230px;
	padding: 100px;
	display: block;
	line-height: 1.5em;
}
.centercontent { 
	align-content: center;
	text-align: center;
    margin: 0 auto;
    display: block;
    width: 100%;
}
.addthis_sharing_toolbox { 
	align-content: center;
	text-align: center;
    margin: 0 auto;
    display: table;
    width: auto;
}
.dressings { 
	font-size: 1em;
    line-height: 1.2em;
	color: #000;
	text-align: center;
	display: block;
    margin: 0 auto;
    width: 100%;
    min-width: 100%;
    padding: 25px;
    text-transform: uppercase;
    letter-spacing: 2px;
}



/*------------------*\
    IMAGES
/*------------------*/

img { 
	max-width: 100%; 
	margin: 0 auto; 
	padding: 0; 
	border-width: 0;
}
.webpic { 
	margin-bottom: 15px; 
	margin-left: 15px; 
	border-radius: 50px 0 50px 0;
}
.fullwidthpic { 
	width: 100%; 
	max-width: 100%;
}
.pic-centered { 
	width: auto; 
	margin-right: auto; 
	margin-left: auto; 
	display: block;
}
.pic-left { 
	width: auto; 
	height: auto; 
	float: left; 
	margin-right: 15px; 
	margin-bottom: 15px; 
}
.pic-right { 
	width: auto; 
	height: auto; 
	float: right; 
	padding-bottom: 15px; 
	padding-left: 15px;
}
.image-wrapper { 
	position: relative; 
	width: 100%; 
	margin: 0; 
	padding: 0;
} 
.image-wrapper p {
    font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
	position: absolute;
	font-size: 2em;
    background-color: #000;
    color: #fff;
    padding: 50px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 40%;
    line-height: normal;
    opacity: .6;
}
.pic-container {
	text-align: center;
    position: relative;
}
.piccenteredtext{
	font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #fff;
	font-size: 2.5em;
	font-weight: 500;
    letter-spacing: 0px;
	text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.pic-top {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
.pic-top img {
  width: 100%;
  height: 40vh;
  object-fit: cover;
  margin: 0;
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
  border-bottom: solid 2px #8c734b;
}
.pic-top h1 {
	font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #fff;
	z-index: 50;
  	font-size: 4em;
  	line-height: 1em;
    clear: both;
    float: none;
    display: table;
    padding: 30px 25px 25px;
    text-align: center;
    position: absolute;
    top: 38%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    opacity: .6;
    border: solid 1px #8c734b;
    max-width: 90%;
}

.signature {
    width: 225px;
}
.foodpicsection {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
.foodpicsection img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  background-attachment: fixed;
  margin: 0;
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
}
.nachossection {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    margin: 0;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
    background-image: url("../images/foodpics/bbq_chicken_nachos.jpg");
}
.pizzasection {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    margin: 0;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
    background-image: url("../images/foodpics/pizza3.jpg");
}
.steaksection {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    margin: 0;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
    background-image: url("../images/foodpics/steak_filet.jpg");
}
.seafoodsection {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    margin: 0;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
    background-image: url("../images/foodpics/salmon.jpg");
}
.soupsection {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    margin: 0;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
    background-image: url("../images/foodpics/potato_soup.jpg");
}
.burgersection {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    margin: 0;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
    background-image: url("../images/foodpics/prime_rib_sandwich.jpg");
}
.sidessection {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    margin: 0;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
    background-image: url("../images/foodpics/french_fries.jpg");
}
.dessertssection {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    margin: 0;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
    background-image: url("../images/foodpics/cheesecake.jpg");
}
.lunchsection {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    margin: 0;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
    background-image: url("../images/toppics/diningroom.jpg");
}

/*------------------*\
    TEXT STYLES
/*------------------*/

h1 {
	color: #000;
	font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
  	font-size: 2.5em;
  	line-height: 1.2em;
    clear: both;
    float: none;
    text-align: center;
    max-width: 100%;
    margin: 0 auto 50px;
    letter-spacing: -5px;
    text-transform: uppercase;
}
h2 {
   	font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
	display: block;
	font-size: 1.3em;
	line-height: 1.5em;
	color: #8c734b;
	text-transform: uppercase;
	letter-spacing: 7px;
    border-top: 1px solid #8c734b;
    border-bottom: 1px solid #8c734b;
    padding: 25px 25px 20px;
    margin-top: 25px;
}
h3 {
    color: #000;
	font-weight: bold;
	font-style: normal;
  	font-size: 1.2em;
  	line-height: 1.5em;
    clear: both;
    float: none;
    display: table;
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
}
h4 {
	font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
  	display: block;
  	font-size: 2.3em;
  	line-height: 1.3em;
    font-weight: bold;
  	color: #8c734b;
	margin-bottom: 25px;
}
h5 {
	font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
    font-weight: 700;
    font-style: normal;
	display: block;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0px;
}
h6 {
    font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
  	display: block;
  	font-size: 1.5em;
  	line-height: 1.3em;
  	color: #000;
	margin-bottom: 15px;
}
h7 {
    font-weight: 700;
    font-style: normal;
	display: block;
	font-size: 1.5em;
	line-height: 1em;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0px;
	clear: both;
}
ul.a { 
	font-weight: 900; 
	list-style-type: disc; 
}
li.bullet {
	padding-bottom: 5px;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 25px;
    font-size: 1em;
}
.centeredtext { 
	text-align: center;
}
.bluecrosstext { 
	font-size: .8em;
    opacity: .5;
    line-height: 1.2em;
	color: #fff;
	text-align: center;
	float: none;
	clear: both;
	padding: 25px;
	display: block;
    width: 80%;
    margin: 0 auto;
}
.disclaimer { 
	font-size: .8em;
    line-height: 1.2em;
	color: #555555;
	text-align: center;
	display: block;
    margin: 0 auto;
    width: 100%;
    min-width: 100%;
    padding: 50px 50px 0;
}
.telephonebold { 
	font-weight: 700;
    font-size: 1.2em;
}

/*---------------------*\
    HOME PAGE 2 BOXES
/*---------------------*/

.homebox-container {
    display: flex;
    clear: both;
    float: none;
    width: 100%;
    background-color: #1C1C1C;
}
.homebox-container img {
    padding-bottom: 25px;
}
.homeboxL, .homeboxR {
    box-sizing: border-box;
    font-size: 1.2em;
}
.homeboxL {
    width: 50%;
    padding: 100px 50px 100px 100px;
}
.homeboxR {
    width: 50%;
    padding: 100px 100px 100px 50px;
}



/*---------------------*\
    ABOUT PAGE
/*---------------------*/

.knifeandfork {
    display: table;
    margin: 50px auto;
    width: auto;
    text-align: center;
    clear: both;
}
.knifeandfork p {
    height: 5em;
    line-height: 5em;
    text-align: center;
    letter-spacing: 8px;
    font-size: 1.5em;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 1px solid #8D1E20;
    border-bottom: 1px solid #8D1E20;
    border-radius: 10px;
    color: #8D1E20;
}
.knifeandfork img {
    display: inline;
    vertical-align: middle;
}
.foodquote {
    text-align: center;
    font-size: 1.5em;
    font-style: italic;
    font-family: 'Times', 'Times New Roman', 'serif'
}



/*------------------*\
    MENU PAGES
/*------------------*/

.menupagemargin {
    background-color: #fff;
    color: #000;
    padding: 100px;
    width: 80%;
    display: block;
    margin: -100px auto 0;
    z-index: 99;
    position: relative;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.9);
    border: solid 2px #8c734b;
    opacity: 1;
    text-align: center;
}
.menupagemargin2 {
    background-color: #fff;
    color: #000;
    padding: 100px;
    width: 80%;
    display: block;
    margin: -100px auto 0;
    z-index: 99;
    position: relative;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.9);
    border: solid 2px #8c734b;
    opacity: 1;
    text-align: center;
}
.menu2columns {
    -webkit-column-count: 2; /* Old Chrome, Safari and Opera */
    -moz-column-count: 2; /* Old Firefox */
    column-count: 2;
    -webkit-column-gap: 75px; /* Chrome, Safari, Opera */
    -moz-column-gap: 75px; /* Firefox */
    column-gap: 75px;
    -moz-column-fill: balance; /* Firefox */
    column-fill: balance;
    padding: 50px 50px 0;
    margin: 0;
    text-align: left;
}
.menuitem {
	font-weight: 500;
	font-style: normal;
	font-size: 1em;
    line-height: 1.3em;
	color: #000;
    text-align: left;
    display: inline-table;
    margin-bottom: 50px;
    width: inherit;
}
.menuitemcentered {
    font-weight: bold;
	font-style: normal;
	font-size: 1em;
    line-height: 1.3em;
	color: #000;
    text-align: center;
    display: block;
    margin: 0 auto 50px;
    width: auto;
}
.menuitemcentered h2 {
    font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
    font-size: 1.1em;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-align: center;
    clear: none;
	border: 0;
    padding: 0;
    margin-top: 0;
}
.menuitem h2 {
    font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
    font-size: 1.1em;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-align: left;
    clear: none;
	border: 0;
    padding: 0;
    margin-top: 0;
}
.menuitem li {
    margin-top: 10px;
    list-style-type: none;
    margin-left: 15px;
}
.menuitem li:before {
  content: '–';
  position: absolute;
  margin-left: -15px;
}
.menucaption {
    font-size: .9em;
    line-height: normal;
    color: #000;
    clear: both;
    text-align: center;
    padding: 0 25px;
	margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.menucaption2 {
    font-size: .7em;
    line-height: normal;
    color: #000;
    clear: both;
    text-align: center;
    padding: 0 0 50px;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.menuline { 
	border-top: 3px dotted #8D1E20;
	display: block;
    width: 50%;
    margin: 0 auto;
    padding: 50px 0;  
}
td {
  text-align: center;
}
.specialsection {
	font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
    clear: both;
    border: 2px solid #8c734b;
    padding: 50px;
    text-align: center;
    font-weight: normal;
    font-style: normal;
    margin: 75px auto 0;
	font-size: 1.3em;
	color: #000;
    display: table;
    float: none;
    width: inherit;
}
.specialsection h1 {
    font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
    display: table;
    width: auto;
    clear: both;
    font-size: 1.5em;
    line-height: 1em;
    color: #8c734b;
    margin: 0 auto -40px;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-align: center;
    padding: 22px 22px 15px;
    position: relative;
    top: -88px;
    background-color: #fff;
    border: 2px solid #8c734b;
    -webkit-column-span: all; /* Chrome, Safari, Opera */ 
    column-span: all;
}
.wingflavor {
    font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
    font-size: 1.2em;
    line-height: 1em;
    color: #000;
    letter-spacing: 0px;
    text-align: center;
    padding: 25px;
    border-right: 3px dotted #8D1E20;
    width: auto;
    display: inline-table;
    margin: 5px;
}
.wingflavor:hover {
    color: #8D1E20;
}
.wingflavor:last-of-type {
    border-right: 0;
}
.wingqty {
    font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 2em;
    line-height: 1.3em;
	color: #8c734b;
    text-align: center;
    display: table;
    float: none;
    margin: 0 auto;
    clear: both;
    width: auto;
    padding: 30px 25px 25px;
    border: 1px solid #8c734b;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.06);
}
.toppingscolumn {
    -webkit-column-count: 5; /* Old Chrome, Safari and Opera */
    -moz-column-count: 5; /* Old Firefox */
    column-count: 5;
    -webkit-column-gap: 25px; /* Chrome, Safari, Opera */
    -moz-column-gap: 25px; /* Firefox */
    column-gap: 25px;
    clear: both;
    padding: 50px;
    text-align: center;
    -moz-column-fill: balance; /* Firefox */
    column-fill: balance;
    border: 1px solid #8c734b;
    line-height: 3em;
}
.toppingscolumn div {
    display: block;
    clear: both;
    text-align: center;
}
.topping {
    text-align: center;
    clear: both;
    color: #000;
    display: table-row;
    font-size: 1.2em;
}
.toppingsheader {
    font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
    display: table;
    width: auto;
    clear: both;
    font-size: 2em;
    line-height: 1em;
    color: #8c734b;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-align: center;
    padding: 15px;
    position: relative;
    top: 32px;
    background-color: #fff;
    border: 1px solid #8c734b;
}
.primeribcutsection {
    margin: 0 auto;
    display: table;
    text-align: center;
    float: none;
    width: auto;
}
.primeribcut {
    text-align: center;
    float: left;
    width: auto;
    padding: 0 50px 0;
    border-right: 1px solid #8c734b;
}
.primeribcut:last-child {
    text-align: center;
    float: left;
    width: auto;
    padding: 0 50px 0;
    border-right: 0;
}
.primeribcut h2 {
    font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
    font-size: 1.1em;
    line-height: 1em;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0px;
    display: inline;
}
.sidescolumn {
    -webkit-column-count: 2; /* Old Chrome, Safari and Opera */
    -moz-column-count: 2; /* Old Firefox */
    column-count: 2;
    -webkit-column-gap: 25px; /* Chrome, Safari, Opera */
    -moz-column-gap: 25px; /* Firefox */
    column-gap: 25px;
    padding: 50px;
    text-align: center;
    -moz-column-fill: balance; /* Firefox */
    column-fill: balance;
}
.sides {
    padding: 0 50px;
    line-height: .8em;
    border-left: 2px dotted #8c734b;
    border-right: 2px dotted #8c734b;
    width: 50%;
    margin: 0 auto;
    display: block;
}
.sideitem {
    font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
    line-height: 1.3em;
	color: #000;
    display: block;
    float: none;
    margin: 15px 0;
    clear: both;
    width: auto;
}


/*------------------*\
    BEER PG
/*------------------*/

.beer_menucolumns {
    -webkit-column-count: 1; /* Old Chrome, Safari and Opera */
    -moz-column-count: 1; /* Old Firefox */
    column-count: 1;
    -webkit-column-gap: 0; /* Chrome, Safari, Opera */
    -moz-column-gap: 0; /* Firefox */
    column-gap: 0;
    -webkit-column-fill: balance;
    -moz-column-fill: balance; /* Firefox */
    column-fill: balance;
    border: 1px solid #8c734b;
    padding: 75px 50px 25px;
    margin: 0px;
}
.beer_header {
    font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
    display: table;
    width: auto;
    clear: both;
    font-size: 2em;
    line-height: 1em;
    color: #8c734b;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-align: center;
    padding: 20px 25px 15px;
    position: relative;
    top: 32px;
    background-color: #fff;
    border: 1px solid #8c734b;
}
.beercaption {
    font-size: 1.3em;
    color: #000;
    clear: both;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 50px;
}

.beer_header {
    position: relative;
    top: 32px;
}
.menuitem-beer {
    display: block;
}


/*------------------*\
    BUTTONS
/*------------------*/

a.contactbutton {
	font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
	background-color: #8c734b; 
	color: #fff;
    border: 2px solid #8c734b;
}
a.contactbutton:hover { 
	color: #8c734b;
    background-color: #fff; 
    border: 2px solid #8c734b;
    transition-duration: 1s;
}
.contactbutton {
	color: #fff;
    background-color: #8c734b; 
	font-size: 1.2em;
    line-height: 1em;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 15px 15px 10px;
	cursor: pointer;
	display: inline-table;
	text-transform: uppercase;
	width: auto;
	border-radius: 0;
}
.contactbutton:hover { 
	background-color: #8c734b; 
	color: #fff;
    transition-duration: 1s;
}
a.submit {
	background-color: #8c734b; 
	color: #fff;
}
a.submit:hover { 
	color: #fff;
    background-color: #000; 
    transition-duration: 1s;
}
.submit {
    font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #fff;
    background-color: #8c734b; 
	font-size: 1em;
    line-height: normal;
	text-align: center;
	padding: 17px 15px 15px;
	cursor: pointer;
	display: block;
	text-transform: uppercase;
	width: 100%;
	border-radius: 5px;
    border: 0;
    white-space: normal;
}
.submit:hover { 
	background-color: #000; 
    transition-duration: 1s;
	color: #fff;
}
a.resume_button {
	color: #fff;
    background-color: #9D7B68; 
    text-align: center;
    white-space: normal;
}
a.resume_button:hover { 
	background-color: #000; 
	color: #fff;
    transition-duration: 1s;
}
.resume_button {
	color: #9D7B68;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	float: none;
	padding: 15px;
	cursor: pointer;
	display: table;
	text-transform: uppercase;
	width: 100%;
	border-radius: 5px;
    text-align: center;
    margin: 0 auto;
    white-space: normal;
}
.resume_button:hover { 
	background-color: #9D7B68; 
	color: #fff;
    transition-duration: 1s;
}



/*------------------*\
    COLORBARS
/*------------------*/


.reservations {
	background-color: #666666;
	width: 100%;
	height: 500px;
	max-width: 100%;
	background-image: url(../images/steak_bg.jpg);
	background-size: cover;
    background-position: 50% 0%;
    float: none;
    clear: both;
}
.reservations-textarea { 
	width: 55%; 
	height: 100%; 
	padding: 75px;
	color: #fff;
    text-align: left;
}
.reservations-text { 
	font-size: 2.5em;
	font-weight: 700;
	color: #fff;
	line-height: 1em;
    padding: 25px 0 0;
    float: none;
    clear: both;
}
.reservations-textsmall { 
	font-size: 1.5em;
	color: #fff;
	line-height: 1em;
    padding: 25px 0 0;
    float: none;
    clear: both;
}
.reservations-pic {
	float: right;
	overflow-y: hidden;
	max-height: inherit;
	height: 500px;
}
a.reservationsbutton {
    font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #fff;
    background-color: #8D1E20; 
	font-size: 1.2em;
    line-height: 1em;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 15px 15px 10px;
	cursor: pointer;
	display: inline-table;
	text-transform: uppercase;
	width: auto;
	border-radius: 0;
    position: absolute;
    left: 80px;
    bottom: 200px;
    box-shadow: 0 2px 15px 0 rgba(0,0,0,0.9);
}
a.reservationsbutton:hover { 
	background-color: #8c734b; 
	color: #000;
    transition-duration: 1s;
}
.reservationsbutton::before, .reservationsbutton::after {
  content: '';
  width: 80px;
  height: 100%;
  /* position ribbon ends behind and slightly lower */
  position: absolute;
  z-index: -1;
  top: 20px;
  /* draw and position the folded ribbon bit */
  background-image: linear-gradient(45deg, transparent 50%, #6E1213 50%);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: bottom right;
}
.reservationsbutton::before {
  left: -60px;
}
.reservationsbutton::after {
  display:none;
}




/*------------------*\
    LOCATIONS MAP
/*------------------*/

.mappagemargin {
	width: 100%;
	display: block;
    background-color: #fff;
    float: left;
    position: relative;
    margin: -100px auto 0;
    z-index: 99;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.9);
    border: solid 2px #8c734b;
}
a.mapanchor {
	position: relative;
    display: block;
    clear: both;
    top: -65px;
}
.mapsection {
	width: 100%;
	display: block;
    padding: 100px;
	float: left;
	clear: both;
    border-bottom: 1px dotted #8c734b;
}
.mapsection:last-of-type {
    margin-bottom: 0;
    border-bottom: 0;
}
.map { 
	width: 75%; 
	float: left;
	padding-bottom: 0;
}
.maptext { 
	width: 300px; 
	float: left;
	margin-left: 25px;
	line-height: 1.3em;
    font-size: 1.3em;
}
.maptext h2 { 
    font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
  	display: block;
  	font-size: 2.3em;
  	line-height: 1em;
  	color: #000;
	margin-bottom: 25px;
}
a.restaurant_telephone { 
    font-weight: 700;
    font-size: 1.2em;
    color: #fff;
}
.hours { 
    font-weight: 700;
    text-decoration: underline;
}



/*--------------------------*\
    OPEN TABLE RESERVATIONS
/*--------------------------*/

.opentable {
    position: absolute;
    top: 380px;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 245px;
    float: none;
    margin: 0 auto;
    display: block;
    text-align: center;
    align-content: center;
    background-color: #2f333e;
    border: solid 10px #000;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.9);
}
.reservations-top {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 550px;
    overflow: hidden;
    background-image: url(../images/toppics/diningroom.jpg);
    background-size: cover;
}
.reservations-footerbutton {
    visibility: hidden;
    display: none;
}



/*------------------*\
    ANIMAL RESCUE
/*------------------*/

.dogpic { 
	width: 33.3%; 
	float: left;
    padding: 25px;
}
.textbox {
	width: auto;
	padding-top: 75px;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 50px;
	margin-top: -40px;
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 50px;
	display: block;
	line-height: 1.5em;
	text-align: center;
	border: 1px dotted #9D7B68;
}
.h1box {
	font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
	margin: 0 auto;
	display: table;
	color: #fff;
	background-color: #000;
	font-size: 1.5em;
	line-height: normal;
	padding: 15px 20px 9px;
	position: relative;
	width: auto;
	text-align: center;
	z-index: 1000;
	clear: both;
	text-transform: uppercase;
}
.volunteer-donation-container {
    display: flex;
    clear: both;
    float: none;
    width: 100%;
}
.volunteerboxL, .volunteerboxR {
    box-sizing: border-box;
    margin: 25px;
}
.volunteerboxL {
    width: 50%;
    border: 1px dotted #9D7B68;
    padding: 30px;
    text-align: center;
    font-weight: normal;
    font-style: normal;
}
.volunteerboxR {
    width: 50%;
    border: 1px dotted #9D7B68;
    padding: 30px;
    text-align: center;
    font-weight: normal;
    font-style: normal;
}
.volunteerboxL h2, .volunteerboxR h2 {
    font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
    font-style: normal;
  	font-size: 2em;
  	line-height: 1em;
  	color: #000;
    text-transform: uppercase; 
    text-align: center;
}
.trophy { 
    float: none;
    clear: both;
	height: 50px;
    padding: 0;
    margin: 0;
}
.animal_rescue_toppic {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
.animal_rescue_toppic img {
  width: 100%;
  height: 40vh;
  object-fit: cover;
  margin: 0;
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
  border-bottom: solid 2px #8c734b;
}
.animal_rescue_gallery h1 { 
    font-size: 2em;
}

/*------------------*\
    CONTACT INFO
/*------------------*/

.contact_info_section {
	width: 100%;
	display: block;
	clear: both;
}
.contact_info {
	width: 33.3%;
	padding: 50px;
	text-align: center;
	border-right: 1px solid #D3D3D3;
	float: left;
	height: 300px;
	font-size: 1.3em;
}
.contact_info:last-child {
	border-right: 0;
}




/*------------------*\
    FOOTER
/*------------------*/

#footer {
    color: #fff;
    line-height: 1.5em;
    background-color: #8c734b;
    width: 100%;
    height: auto;
    min-width: 100%;
    margin: 0;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
    background-image: -webkit-linear-gradient(270deg,rgba(140,115,75,1.00) 0%,rgba(110,91,64,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(140,115,75,1.00) 0%,rgba(110,91,64,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(140,115,75,1.00) 0%,rgba(110,91,64,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(140,115,75,1.00) 0%,rgba(110,91,64,1.00) 100%);
    border-top: double 8px #8c734b;
    border-bottom: solid 2px #8c734b;
}
.flames {
    height: 60px;
    background-image: url(../images/grillflames.jpg);
    background-attachment: fixed;
    border-top: solid 10px #8c734b;
}
#footercenter { 
    width: 100%; 
    margin: auto; 
}
#footerinner { margin:0 auto; display: table; }
a.footerlinks { 
    color: #fff; 
    text-decoration: none; 
}
a.footerlinks:hover { 
    color: #000; 
}
a.termsofuse { 
    color: #fff; 
    text-decoration: none; 
}
a.termsofuse:hover { color: #8c734b; text-decoration: none; }
.padding { 
    padding: 25px;
}
.copyright {
	color: #fff; 
    font-size: .8em;
    text-align: center;
    float: none;
    clear: both;
    margin: 0px;
    padding: 50px;
    display: block;
    background-color: #7D1A1C;
    width: 100%;
    background-image: -webkit-linear-gradient(270deg,rgba(140,115,75,1.00) 0%,rgba(0,0,0,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(140,115,75,1.00) 0%,rgba(0,0,0,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(140,115,75,1.00) 0%,rgba(0,0,0,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(140,115,75,1.00) 0%,rgba(0,0,0,1.00) 100%);
}
.copyright p {
    font-size: .8em;
}
.footernav { 
	text-align: center;
    width: auto;
    float: none;
    clear: both;
    margin: 0 auto;
    padding: 0;
    border-style: none;
    border-width: 0;
    display: block;
}
.footerhours { 
	text-align: center;
    width: auto;
    float: none;
    clear: both;
    margin: 50px auto;
    padding: 0;
    border-style: none;
    border-width: 0;
    display: block;
    color: #8c734b;
    font-size: 1.2em;
    line-height: 1.5em;
}
.footerhours a { 
    color: #8c734b;
    font-size: 1.5em;
    margin: 0;
}
.footerhours a:hover { 
    color: #fff;
}
.footerhours h2 { 
    font-size: 1.2em;
    margin-bottom: 5px;
}
.footerheadline {
    font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #000;
	font-size: 1.2em;
    letter-spacing: -2px;
	line-height: 1em;
}
a.footerheadline { color: #000; }
a.footerheadline:hover { color: #fff; }
#backtotop { visibility: hidden; }
#socialiconsgroup {
	margin-right: auto;
	margin-left: auto;
	display: block;
	float: none;
	clear: both;
	width: 60px;
}
.socialicons {
	margin-right: 5px;
	margin-left: 5px;
	display: inline;
	width: 50px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-radius: 10px;
}
.socialicons:hover {
	opacity: .5;
}
.fblike-footer {
    margin: 0 auto;
    clear: both;
    display: block;
    width: auto;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 50px;
    opacity: 1;
}
.socialsharingtoolbox   {
	float: none; 
    clear: both;
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 185px;
    padding-left: 5px;
}
#footerlogo {
	width: 250px;
    opacity: 1;
    text-align: center;
    z-index: 99;
    position: relative;
    float: none;
    margin: 0 auto -180px; 
	display: block; 
    top: -43px;
	background-color: #fff;
	padding: 15px;
	border: 2px solid #8c734b;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
}
.tagline { 
	font-size: 1em; 
	font-style: normal;
    color: #B7A384;
    text-align: center;
    margin: 100px auto 0;
    padding: 25px 25px 0;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 10px;
    clear: both;
}
.restaurant_header { 
	font-size: 1.5em; 
	line-height: 1em;
    font-weight: 700;
    color: #000;
}
.restaurant_subheader { 
    font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1em; 
    color: #000;
    letter-spacing: -2px;
	line-height: .8em;
}
a.restaurant_subheader { 
    font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1em; 
    color: #000;
    letter-spacing: -2px;
	line-height: .8em;
}
a.restaurant_subheader:hover { 
    color: #fff;
}
#ABicon {
	width: 50px;
    opacity: 1;
    float: none;
    clear: both;
    display: inline;
}
a.reservationslink { 
    font-size: 1.2em; 
    color: #fff; 
    text-decoration: none; 
    padding: 10px 10px 8px;
    border: 1px solid #fff;
    display: table;
    margin: 0;
}
a.reservationslink:hover { 
    color: #fff; 
    padding: 10px 10px 8px;
    background-color: #000;
    border: 1px solid #000;
    transition-duration: 1s;
}
.footer_animal_rescue { 
	align-content: center;
	text-align: center;
    margin: 0 auto;
    display: block;
    width: 100%;
	color: #fff; 
	line-height: 2em;
	padding: 25px;
}
.footer_animal_rescue a.footerheadline { 
	color: #8c734b;
}
.footer_animal_rescue a.footerheadline:hover { 
	color: #fff;
}

/* SEAFOOD PLATTERS BREAK ----------------------------------------------------------------- */
@media only screen and (max-width: 2000px), only screen and (max-device-width: 2000px) {


.primeribcutsection {
    display: block;
    width: 50%;
}
.primeribcut {
    text-align: center;
    float: none;
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #8c734b;
    display: block;
    padding: 25px 0 25px;
}
.primeribcut:last-child {
    text-align: center;
    float: none;
    width: 100%;
    border-right: 0;
    border-bottom: 0;
    display: block;
    padding: 25px 0 25px;
}

}


/* TOPPINGS BREAK ----------------------------------------------------------------- */
@media only screen and (max-width: 1550px), only screen and (max-device-width: 1550px) {


/*------------------*\
    MENU PAGES
/*------------------*/

.toppingscolumn {
    -webkit-column-count: 2; /* Old Chrome, Safari and Opera */
    -moz-column-count: 2; /* Old Firefox */
    column-count: 2;
    -webkit-column-gap: 50px; /* Chrome, Safari, Opera */
    -moz-column-gap: 50px; /* Firefox */
    column-gap: 50px;
    clear: both;
    padding: 50px;
    text-align: center;
    -moz-column-fill: balance; /* Firefox */
    column-fill: balance;
    border: 1px solid #8c734b;
}
.topping {
    text-align: center;
    display: block;
    clear: both;
}
.menucaption {
	margin-bottom: 50px;
}

/*------------------*\
    LOCATIONS MAP
/*------------------*/


.mapsection {
    width: 100%;
	padding: 75px;
	clear: both;
}
.map { 
	width: 100%; 
	float: left;
	padding-bottom: 25px;
	padding-left: 0px;
}
.maptext { 
	width: auto; 
	float: left;
	margin-left: 0px;
}


a.reservationslink { 
    font-size: 1.2em; 
    color: #fff; 
    text-decoration: none; 
    padding: 10px 10px 8px;
    border: 1px solid #fff;
    display: table;
    margin: 0 auto;
}




}



/* TRANSITION ----------------------------------------------------------------- */
@media only screen and (max-width: 1300px), only screen and (max-device-width: 1300px) {




/*---------------------*\
    ABOUT PAGE
/*---------------------*/

.knifeandfork {
    display: block;
    margin: 50px auto;
    width: 100%;
}
.knifeandfork p {
    height: 5em;
    line-height: 5em;
    letter-spacing: 5px;
    font-size: 1.5em;
    border-radius: 10px;
}




/*------------------*\
    MENU PAGES
/*------------------*/


.menupagemargin {
    padding: 50px;
}
.menupagemargin2 {
    padding: 50px 50px 100px;
}
.sidescolumn {
    -webkit-column-count: 1; /* Old Chrome, Safari and Opera */
    -moz-column-count: 1; /* Old Firefox */
    column-count: 1;
    -webkit-column-gap: 0; /* Chrome, Safari, Opera */
    -moz-column-gap: 0; /* Firefox */
    column-gap: 0;
    clear: both;
    padding: 50px;
    text-align: center;
    -moz-column-fill: balance; /* Firefox */
    column-fill: balance;
}
.wingflavor {
    padding: 35px 0;
    border-right: 0;
    border-bottom: 3px dotted #8D1E20;
    display: block;
    margin: 0 auto;
    width: 60%;
}
.wingflavor:last-of-type {
    border-right: 0;
    border-bottom: 0;
}
.menu2columns {
    -webkit-column-count: 1; /* Old Chrome, Safari and Opera */
    -moz-column-count: 1; /* Old Firefox */
    column-count: 1;
    -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 0;
    padding: 0;
	text-align: center;
}
.menuitem {
	font-weight: bold;
	font-style: normal;
	color: #000;
    text-align: center;
    display: block;
    float: none;
    margin-bottom: 50px;
    clear: both;
    width: inherit;
}
.menuitem h2 {
    text-align: center;
}
.disclaimer { 
    padding: 50px 25px;
}


/*------------------*\
    BEER PG
/*------------------*/

.beer_menucolumns {
    -webkit-column-count: 1; /* Old Chrome, Safari and Opera */
    -moz-column-count: 1; /* Old Firefox */
    column-count: 1;
    -webkit-column-gap: 0; /* Chrome, Safari, Opera */
    -moz-column-gap: 0; /* Firefox */
    column-gap: 0;
    -webkit-column-fill: balance;
    -moz-column-fill: balance; /* Firefox */
    column-fill: balance;
    padding: 100px 50px 50px 50px;
    margin: 0px;
}
.beer_header {
    position: relative;
    top: 32px;
}


/*------------------*\
    COLORBARS
/*------------------*/


.reservations {
	width: 100%;
	height: 500px;
	max-width: 100%;
	background-image: url(../images/steak_bg.jpg);
	background-size: cover;
	background-position: 50% 0%;
}
.reservations-textarea { 
	width: 60%; 
	height: 100%; 
	padding: 75px;
	position: relative;
}
.reservations-text { 
	font-size: 2.5em;
	color: #fff;
	line-height: 1em;
}
a.reservationsbutton {
    position: absolute;
    left: -20px;
    bottom: 100px;
}

}







/* TABLET ----------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {

/*---------------------*\
    TOP HEADER
/*---------------------*/

#top {
	visibility: hidden;
    display: none;
}
#hiddentop {
    visibility: visible;
    display: block;
    margin: 0 auto;
    text-align: center;
    align-content: center;
    width: 100%;
    min-width: 100%;
    border-bottom: solid 2px #8c734b;
}
#logo {
	width: 200px;
    position: fixed;
	margin: 0 0 0 -100px;
    display: block;
    z-index: 99999;
    top: 10px;
    left: 50%;
    text-align: center;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.9);
}
#logo2 {
	width: 200px;
    position: fixed;
	margin: 0 0 0 -100px;
	padding: 10px 15px;
    display: block;
    z-index: 99999;
    box-shadow: 0;
    top: 0;
    left: 50%;
    text-align: center;
	border-top: 0;
	border-left: 2px solid #8c734b;
	border-right: 2px solid #8c734b;
	border-bottom: 2px solid #8c734b;
}
#telephoneicon { 
    float: none;
    height: 30px; 
    position: fixed;
    top: 10px;
    left: 10px;
    right: auto;
    visibility: visible;
    display: inline;
}
#phoneandicon {
	position: fixed;
    top: 5px;
    right: 30px;
    z-index: 99999;
}


/*---------------------*\
    ABOUT PAGE
/*---------------------*/

.knifeandfork {
    display: block;
    margin: 50px auto;
    width: 100%;
}
.knifeandfork p {
    height: 5em;
    line-height: 5em;
    letter-spacing: 0;
    font-size: 1.5em;
    border-radius: 10px;
}



/*------------------*\
    TEXT STYLES
/*------------------*/

a.contactbox { padding: 10px 50px; }
h2 {
	font-size: 1.1em;
	line-height: 1.4em;
    padding: 20px 5px 15px;
    margin-top: 25px;
	letter-spacing: 3px;
}

/*------------------*\
    POSITIONING
/*------------------*/

.main-content { 
    margin-top: 0; 
    color: #fff;
}
.bottommargin { margin-bottom: 82px; }
#left {
	width: auto;
	float: none;
}
#right {
	width: auto;
	float: none;
	margin-top: 50px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding: 50px;
	clear: both;
}
.margin4sides { padding: 50px; }
.margincentered { padding: 50px; }
.topright {
	margin-left: 175px;
	padding: 50px;
}
#homepageleft {
	float: none;
	width: auto;
	margin-right: 50px;
	margin-top: 50px;
	margin-left: 50px;
	margin-bottom: 50px;
	line-height: 1.5em; 
	font-size: 1.2em;
}
#homepageright {
	float: none;
	width: auto;
	margin-left: 0;
	margin-top: 50px;
	padding-right: 50px;
	padding-left: 50px;
	margin-bottom: 0px;
	border-left: 0px;
}
.aligncenter { 
	width: 100%; 
	float: none; 
	margin: auto;
}
.inner { 
	display: block; 
	margin: 0 auto; 
    width: 100%; 
}


/*------------------*\
    IMAGES
/*------------------*/

.webpic { 
	width: 100%; 
	height: auto; 
	margin-left: 0; 
	border-radius: 0px 0px 0px 0px;
}

.pic-top img {
  margin: 50px 0 0 0;   
  width: 100%;
  height: 40vh;
  object-fit: cover;
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
}
.pic-top h1 {
    font-size: 3em;
    padding: 20px 15px 15px;
    position: absolute;
    top: 25%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}


/*------------------*\
    MENU PAGES
/*------------------*/

.sides {
    padding: 0 25px;
    line-height: .8em;
    border-left: 2px dotted #8c734b;
    border-right: 2px dotted #8c734b;
    width: auto;
    margin: 50px auto 0;
    display: block;
}


/*------------------*\
    BUTTONS
/*------------------*/

a.contactbutton { 
	font-size: 1em; 
	text-align: center;
}





/*------------------*\
    LOCATIONS MAP
/*------------------*/


.mapsection {
	width: 100%;
	display: block;
	padding: 50px;
	clear: both;
}
.map { 
	width: 100%; 
	float: left;
	padding-bottom: 25px;
	padding-left: 0px;
}
.maptext { 
	width: auto; 
	float: left;
	margin-left: 0px;
}



/*--------------------------*\
    OPEN TABLE RESERVATIONS
/*--------------------------*/

.opentable {
    position: absolute;
    top: 275px;
}


/*------------------*\
    COLORBARS
/*------------------*/


.reservations {
	width: 100%;
	height: 500px;
	max-width: 100%;
	background-image: url(../images/steak_bg.jpg);
	background-size: cover;
	background-position: 60% 0%;
}
.reservations-textarea { 
	width: 60%; 
	height: 100%; 
    padding: 50px;
}
.reservations-text { 
	font-size: 2em;
	color: #fff;
	line-height: 1em;
}
a.reservationsbutton {
    position: absolute;
    left: -20px;
    bottom: 100px;
}



/*---------------------*\
    ANIMAL RESCUE
/*---------------------*/

.volunteer-donation-container {
    display: block;
    width: 100%;
}
.volunteerboxL, .volunteerboxR {
    margin: 0;
}
.volunteerboxL {
    width: 100%;
    margin-bottom: 25px;
}
.volunteerboxR {
    width: 100%;
}
.trophy { 
    float: none;
    clear: both;
	height: 50px;
    padding: 0;
    margin: 0;
}
.animal_rescue_toppic img {
  margin: 50px 0 0 0;   
  width: 100%;
  height: 40vh;
  object-fit: cover;
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
}
.animal_rescue_gallery { 
    padding-bottom: 50px;
}


/*------------------*\
    FOOTER
/*------------------*/



#footerinner { 
	margin:0 auto 0 10px; 
	display: inline; 
}
.copyright { 
	text-align: center; 
	float: none; 
	clear: both; 
	margin: 0; 
	display: block;
}
#bottomline { 
	width: 90%; 
	margin-top: 50px;
}

.footernav { 
	text-align: center;
    width: auto;
    float: none;
    clear: both;
    margin: 0 auto;
    padding: 0 25px;
    border-style: none;
    border-width: 0;
    display: block;
    min-width: 100%;
}
.restaurant_subheader { 
    color: #fff;
}
a.restaurant_subheader { 
    color: #fff;
}

}









/* SMALL TABLET PORTRAIT ----------------------------------------------------------------- */
@media (min-width: 500px) and (max-width: 799px)  {





/*---------------------*\
    ABOUT PAGE
/*---------------------*/

.knifeandfork {
    display: block;
    margin: 50px auto;
    width: 100%;
}
.knifeandfork p {
    height: 4em;
    line-height: 4em;
    letter-spacing: 0;
    font-size: 1em;
    border-radius: 10px;
}
.knifeandfork img {
    display: inline;
    vertical-align: middle;
    height: 75px;
}

/*------------------*\
    MENU PAGES
/*------------------*/


.menu3columns {
    -webkit-column-count: 2; /* Old Chrome, Safari and Opera */
    -moz-column-count: 2; /* Old Firefox */
    column-count: 2;
    -webkit-column-gap: 50px; /* Chrome, Safari, Opera */
    -moz-column-gap: 50px; /* Firefox */
    column-gap: 50px;
}




/*------------------*\
    COLORBARS
/*------------------*/


a.reservationsbutton {
    position: absolute;
    left: -20px;
    bottom: 50px;
}
.reservations-textarea { 
	width: 65%; 
	height: 100%; 
	padding: 25px;
	color: #fff;
    text-align: left;
}
.reservations-text { 
	font-size: 1.5em;
	color: #fff;
	line-height: 1em;
    padding: 25px 0 0;
    float: none;
    clear: both;
}
.reservations-textsmall { 
	font-size: 1.2em;
	color: #fff;
	line-height: 1em;
    padding: 25px 0 0;
    float: none;
    clear: both;
}


/*--------------------*\
    LOCATIONS MAP
/*--------------------*/


.mapsection {
	width: auto;
	display: block;
	padding: 50px;
	clear: both;
}
.map { 
	width: 100%; 
	float: left;
	padding-bottom: 25px;
	padding-left: 0px;
}
.maptext { 
	width: auto; 
	float: left;
	margin-left: 0px;
	margin-bottom: 50px;
}




}





/* SMALL TABLET LANDSCAPE ----------------------------------------------------------------- */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) 
{
  





/*--------------------*\
    LOCATIONS MAP
/*--------------------*/


.mapsection {
	width: 100%;
	display: block;
	padding: 50px;
	clear: both;
}
.map { 
	width: 100%; 
	float: none;
	clear: both;
	padding-bottom: 25px;
	padding-left: 0px;
}
.maptext { 
	width: auto; 
	float: none;
	clear: both;
	margin-left: 0px;
	margin-bottom: 50px;
}
  
  
  
  
  

}








/* MOBILE ----------------------------------------------------------------- */
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {



/*------------------*\
    SVG ICONS
/*------------------*/


.imageicon { 
    float: none;
    clear: both;
    display: block;
    margin: 0 auto;
}
.cameraicon { 
    display: block;
    margin: 0 auto;
    float: none;
    width: 20px;
    padding: 5px 0;
}



/*------------------*\
    LINKS
/*------------------*/

a.page_anchor { 
	padding-top: 0px
}
a.anchor {
	padding-top: 0px;
}
a.nextbutton {
    padding: 5px 10px;
    border: 1px solid #8B8B8B;
    margin: 5px;
}


/*------------------*\
    TOP HEADER
/*------------------*/


#topcontact {
	text-align: center;
	width: 100%;
	float: none;
	display: block;
	clear: both;
	margin-right: 0px;
	margin-bottom: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	border-radius: 0;
	position: relative;
}

.fblike { 
	visibility: hidden; 
	display: none;
}


/*------------------*\
    POSITIONING
/*------------------*/

.main-content { 
    margin-top: 0;
    color: #fff;
}
#aligncontact { margin: 15px 15px auto; }
#left {
	float: none;
	margin: 0;
	padding: 25px;
}
#right {
	width: 100%;
	float: none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 25px;
}
.margin4sides { 
    padding: 25px; 
    top: -30px;
}
.margincentered { 
    padding: 25px; 
    top: -30px;
}
.margincentered h1 {
	text-align: center;
    font-size: 2em;
}
.topright {
	margin-left: 0px;
	padding: 15px;
}
.dividingline { 
	display: block;
    margin-top: 25px;
    margin-bottom: 50px;
}
.centercontent { 
    margin: 0 auto;
}


/*------------------*\
    IMAGES
/*------------------*/

.webpic { 
	width: 100%; 
	height: auto; 
	border-radius: 0px 0 0px 0; 
}
.pic-left { 
	width: 100%; 
	height: auto; 
	float: left; 
	margin-right: 0; 
	border-radius: 0px 0px 0px 0px;
}
.pic-right {
	width: 100%;
	height: auto;
	float: none;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0;
	display: block;
	padding-bottom: 15px;
	border-top-right-radius:0px;
}
.pic-top img {
  margin: 50px 0 0 0;   
  width: 100%;
  height: 20vh;
  object-fit: cover;
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
}

.image-wrapper p {
	position: absolute;
	font-size: 2em;
    background-color: #000;
    color: #fff;
    padding: 50px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 80%;
}
.pic-top h1 {
    font-size: 1.8em;
    padding: 12px 10px 10px;
    position: absolute;
    top: 18%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}




/*------------------*\
    TEXT STYLES
/*------------------*/

h1 { 
    font-size: 1.5em; 
     margin: 10px auto 25px;
}
h2 { font-size: 1em; }
h3 { font-size: 1em; }
ul.a { 
	font-weight: 900; 
	list-style-type: disc; 
	list-style-position: inside;
}


/*------------------*\
    BEER PG
/*------------------*/

.beer_menucolumns {
    -webkit-column-count: 1; /* Old Chrome, Safari and Opera */
    -moz-column-count: 1; /* Old Firefox */
    column-count: 1;
    -webkit-column-gap: 0; /* Chrome, Safari, Opera */
    -moz-column-gap: 0; /* Firefox */
    column-gap: 0;
    -webkit-column-fill: balance;
    -moz-column-fill: balance; /* Firefox */
    column-fill: balance;
    padding: 50px 25px 0px 25px;
    margin: 0px;
}
.beer_header {
    position: relative;
    top: 32px;
}



/*------------------*\
    BUTTONS
/*------------------*/

a.contactbutton { 
	font-size: 1em; 
	text-align: center; 
	display: block;
}
.contactbutton {
	width: 100%;
	display: block;
}
a.submit {
	-webkit-appearance: none; /* override default submit button style on mobile */
}
.submit {
	width: 100%;
	display: table;
	margin: 0;
    -webkit-appearance: none; /* override default submit button style on mobile */
}
.resume_button {
	color: #9D7B68;
	font-size: 1em;
	line-height: 1.2em;
	float: none;
	padding: 10px;
}




/*---------------------*\
    ABOUT PAGE
/*---------------------*/

.knifeandfork {
    display: block;
    margin: 25px auto;
    width: 100%;
}
.knifeandfork p {
    height: 4em;
    line-height: 4em;
    letter-spacing: 0;
    font-size: .8em;
}
.knifeandfork img {
    height: 50px;
}





/*------------------*\
    MENU PAGES
/*------------------*/


.menupagemargin {
    padding: 25px 25px 100px;
    margin: -50px auto 0;  
    width: 90%;
}
.menupagemargin2 {
    padding: 25px 25px 50px;
    margin: -50px auto 0;  
    width: 90%;
}
.menutitle h1 {
    font-size: 2em;
}

.menu2columns {
    -webkit-column-count: 1; /* Old Chrome, Safari and Opera */
    -moz-column-count: 1; /* Old Firefox */
    column-count: 1;
    -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 0;
    padding: 0;
	text-align: center;
}
.menuitem {
    font-size: 1em;
    padding: 25px 0;
    margin: 0;
    text-align: center;
    display: block;
    width: 100%;
}
.menuitem:last-of-type {
    margin-bottom: 0;
    border-bottom: 0px;
	padding-bottom: 25px;
}
.menuitemcentered {
    font-size: 1em;
    padding: 25px 0;
    margin: 0;
    text-align: center;
    display: block;
    width: 100%;
}
.menuitem h2 {
    text-align: center;
}
.toppingscolumn {
    -webkit-column-count: 1; /* Old Chrome, Safari and Opera */
    -moz-column-count: 1; /* Old Firefox */
    column-count: 1;
    -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 0px;
    clear: both;
    padding: 50px 50px 25px;
    text-align: center;
    -moz-column-fill: balance; /* Firefox */
    column-fill: balance;
}
.topping {
    text-align: center;
    display: block;
    clear: both;
}
.sidescolumn {
    -webkit-column-count: 1; /* Old Chrome, Safari and Opera */
    -moz-column-count: 1; /* Old Firefox */
    column-count: 1;
    -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 0px;
    clear: both;
    padding: 50px 50px 25px;
    text-align: center;
    -moz-column-fill: balance; /* Firefox */
    column-fill: balance;
}
.specialsection {
    padding: 25px;
    font-size: 1em;
    width: 100%;
    display: block;
    margin: 25px auto 0;
}
.specialsection h1 {
    font-size: 1.3em;
    margin: 0 auto -30px;
    top: -57px;
    width: 100%;
    min-width: 100%;
}
.menucaption {
    font-size: .8em;
    color: #000;
    clear: both;
    text-align: center;
    padding: 0 0 25px;
	margin: 0;
    text-transform: uppercase;
}
.menucaption2 {
    padding: 0 0 25px;
}
.menuline { 
	border-top: 3px dotted #8D1E20;
	display: block;
    width: 80%;
    margin: 25px auto 50px;
    padding: 0;  
}
.primeribcutsection {
    display: block;
    width: 50%;
}
.primeribcut {
    text-align: center;
    float: none;
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #8c734b;
    display: block;
    padding: 25px 0 25px;
}
.primeribcut:last-child {
    text-align: center;
    float: none;
    width: 100%;
    border-right: 0;
    border-bottom: 0;
    display: block;
}
.sideitem {
	font-size: 1em;
}
.disclaimer { 
    padding: 25px 0 0;
}


/*------------------*\
    E-CLUB SIGNUP
/*------------------*/


.eclub_text {
    font-size: .8em;
}
.eclub_signup {
    padding: 25px 25px 75px;
}




/*------------------*\
    CONTACT INFO
/*------------------*/

.contact_info {
	width: 100%;
	padding: 25px;
	border-right: 0;
	float: none;
	height: auto;
	font-size: 1.3em;
	display: block;
}


/*--------------------------*\
    OPEN TABLE RESERVATIONS
/*--------------------------*/

a.reservations-footerbutton {
	font-family: 'Lulo Clean One', sans-serif;
	font-weight: bold;
	font-style: normal;
    visibility: visible;
    display: block;
    width: 100%;
    min-width: 100%;
    height: auto;
    background-color: #000;
    position: fixed;
    bottom: 0;
    color: #8D1E20;
    font-size: 1.2em;
    padding: 25px;
    text-align: center;
    letter-spacing: 1px;
    border-top: solid 2px #8c734b;
    z-index: 999;
    text-transform: uppercase;
}
a.reservations-footerbutton:hover {
    color: #8c734b;
}



/*------------------*\
    COLORBARS
/*------------------*/


.reservations {
	width: 100%;
	height: 300px;
	max-width: 100%;
	background-image: url(../images/steak_bg.jpg);
	background-size: cover;
	background-position: 80% 0%;
    position: relative;
}
.reservations-textarea { 
    margin: 0 auto;
    padding: 25px;
    text-align: center;
    width: 100%; 
	height: 100%; 
}
.reservations-text { 
	font-size: 1.4em;
	line-height: 1em;
    padding: 0;
}
.reservations-textsmall { 
	font-size: 1em;
	line-height: 1em;
    padding: 25px 0 50px;
}
a.reservationsbutton {
	font-size: 1.2em;
    line-height: 1em;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: block;
	padding: 15px 15px 10px;
}
.reservationsbutton::before, .reservationsbutton::after {
  display:none;
}
.reservationsbutton::before {
  display:none;
}
.reservationsbutton::after {
  display:none;
}





/*------------------*\
    LOCATIONS MAP
/*------------------*/

.mappagemargin {
    top: -25px;
}
a.mapanchor {
	position: relative;
    display: block;
    clear: both;
    top: -50px;
}
.mapsection {
	width: 100%;
	padding: 50px 25px 50px 25px;
	float: left;
    display: block;
	clear: both;
    border-bottom: 1px dotted #8c734b;
}
.map { 
	width: 100%; 
	float: none;
    display: block;
    clear: both;
	padding-bottom: 25px;
}
.maptext { 
	width: 100%; 
	float: left;
	margin: 0px;
}


/*------------------*\
    ANIMAL RESCUE
/*------------------*/

.dogpic {
    width: 100%;
    float: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    display: block;
}
.textbox {
	width: auto;
	padding-top: 75px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 25px;
	margin-top: -45px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 50px;
	text-align: center;
}
.h1box {
	font-size: 1.2em;
    margin-top: -25px;
}
.volunteer-donation-container {
    display: block;
    width: 100%;
}
.volunteerboxL, .volunteerboxR {
    margin: 0;
}
.volunteerboxL {
    width: 100%;
    margin-bottom: 25px;
}
.volunteerboxR {
    width: 100%;
}
.animal_rescue_toppic img {
  margin: 50px 0 0 0;   
  width: 100%;
  height: 35vh;
  object-fit: cover;
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
}


/*------------------*\
    FOOTER
/*------------------*/

#footer {
	font-size: 1em;
	line-height: 1.5em;
	text-align: center;
	letter-spacing: 0;
	min-width: 100%;
	padding: 0;
}
.tagline { 
	font-size: .8em; 
	padding: 50px 25px 25px;
	float: none;
	clear: both;
	letter-spacing: 8px;
}
.footernav { 
    text-align: center;
    width: auto;
    float: none;
    clear: both;
    margin: 0 auto;
    border-style: none;
    border-width: 0;
    display: block;
}
.copyright { 
	font-size: 1em; 
	line-height: 1.4em; 
	text-align: center; 
	padding: 50px 25px 25px;
    padding-bottom: 100px;
}

#backtotop { 
	visibility: visible; 
	margin-top: 5px; 
	margin-bottom: 25px; 
}
a.restaurant_telephone {
    font-weight: 700;
    display: table;
    font-size: 2em;
    width: 80%;
    cursor: pointer;
    text-align: center;
    margin: 0 auto -25px;
    color: #fff;
    border-radius: 5px;
	background-color: #000;
	padding: 15px;
}
.bluecrosstext { 
	padding: 0 0 25px;
	display: block;
    width: 100%;
}


}


/* OLD MOBILE ---------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {











}