/*
Theme Name: The Foundry Craft Grillery
Author: The Infantree
Author URI: http://theinfantree.com/
Version: 1.0
*/

/* =Reset
-------------------------------------------------------------- */

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;}
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;}
caption, th, td {font-weight: normal;text-align: left;}
h1, h2 ,h3 ,h4, h5, h6 {clear: both;}
html {overflow-y: scroll;font-size: 100%;-webkit-text-size-adjust: 100%;	-ms-text-size-adjust: 100%;}
a:focus {outline: thin dotted;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {	display: block;}
audio, canvas, video {display: inline-block;}
audio:not([controls]) {	display: none;}
del {color: #333;}
ins {background: #fff9c0;text-decoration: none;}
hr {background-color: #ccc;	border: 0;height: 1px;margin: 24px;margin-bottom: 1.714285714rem;
}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
small {font-size: smaller;}
img {border: 0;-ms-interpolation-mode: bicubic;}
*:focus {outline: none; border:none;}
a, li{outline:0; border:none;}
.ui-widget * { outline: none; }​
.ui-tabs-anchor:active, .ui-tabs-anchor:focus{
     outline:none;
}
 

/*  - - - - - - - - -  General Styles Begin Here.  - - - - - - - - -  */
	
	/* . . . .  Type & Page  . . . . */
	
	html{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background:url(images/noise.jpg) repeat;
	}

	.loader{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(images/f-loading.gif)no-repeat #222222;
	background-position: center center;
	}

	body{
	font-family: "brandon-grotesque",sans-serif;
	color:#666666;
	font-size: 22px;
	letter-spacing: 1px;
	line-height: 31px;
	max-width: 2000px;
	margin: 0 auto;
	}

	h1{
	font-weight: 900;
	font-size: 62px;
	letter-spacing: 12px;
	text-transform: uppercase;
	color:#fff;
	text-shadow:0px 0px 20px #3c3b38;
	}

	h2{
	font-family: 'Knockout 28 A', 'Knockout 28 B',sans-serif; 
	font-weight: 400; 
	font-style: normal;
	text-transform: uppercase;
	font-size: 65px;
	letter-spacing: 1px;
	color:#3c3b38;
	margin-bottom:70px;
	}

	h3{
	font-family: 'BrandonText-Regular',sans-serif;	
	font-size: 33px;
	color:#d9d4ca;
	padding-top: 50px;
	letter-spacing: 3px;
	font-weight: 300;
	text-shadow:0px 0px 20px #3c3b38;
	}

	h4, .orange{
	font-weight: 700;
	font-variant: small-caps;
	font-size: 19px;
	letter-spacing: 2px;
	color:#db973a;
	margin-bottom:20px;
	}

	.menu-orange{
	font-weight: 700;
	font-variant: small-caps;
	font-size: 19px;
	letter-spacing: 2px;
	color:#db973a;
	margin-bottom:0px;
	}

	h5{
	font-family: 'Knockout 28 A', 'Knockout 28 B',sans-serif; 
	font-weight: 400; 
	font-style: normal;
	text-transform: uppercase;
	font-size: 45px;
	letter-spacing: 1px;
	color:#3c3b38;
	margin-bottom:15px;
	}

	h6{
	font-family: 'BrandonText-Regular',sans-serif;	
	color:#db973a;
	font-size: 24px;
	letter-spacing: 1px;
	margin-bottom:40px;
	text-transform: lowercase;
	font-weight: 300;
	line-height: 28px;
	}

	a{
	text-decoration: none;
	color:#000;
	}

	a:hover{
	color: #9a9893;
	}

	p{
	font-family: 'BrandonText-Regular',sans-serif;	
	font-weight: 300;
	color:#666666;
	}

	a[href^=tel]{
	font-family: 'BrandonText-Regular',sans-serif;	
	font-weight: 300;
	color:#666666 !important;
	}

	.home .header{
	position: relative;
	overflow: hidden;
	background-attachment: fixed;
	background-color:rgba(50,50,50,.6);
	}

	video{
	position: absolute; 
	right: 0; 
	bottom: 0;
	min-width: 100%; 
	min-height: 100%;
	width: auto; 
	height: auto; 
	z-index: -100;
	background: url(images/home-head.jpg) no-repeat center center;
	background-size: cover;
	}

	.event h4{
	font-family: "brandon-grotesque",sans-serif;
	color:#db973a;
	font-weight: 700;
	font-size: 19px;
	letter-spacing: 2px;
	line-height:24px;
	}

	.event h2{
	font-size: 50px;
	}

	.event .event-descrip p{
	margin-top:40px;
	}
	

	/* . . . . Random Image Areas . . . . */

	.randomized{
	margin-bottom:-20px !important;
	position: relative;
	width: 100%;
	text-align: center;
	}

	.randomized img{
	display: inline-block;
	width: 25%;
	height: 100%;
	margin:0px;
	padding:0px;
	vertical-align: top;
	max-width: 500px;
	overflow: hidden;
	}

	.randomized .filled-btn{
	position: absolute;
	height:6%;
	vertical-align: middle;
	top:0;
	bottom:0;
	margin:auto;
	margin-left:-200px;
	max-height: 33px;
	min-height: 33px;
	box-shadow:0px 0px 210px #000;
	}

	.r-imgs{
	width: 100%;
	display: block;
	}

 
		/* . . . Header images . . . */

		.visit .header{
		background: url(images/visit-head.jpg) no-repeat center;
		background-size: cover;
		background-attachment: fixed;
		}

		/*.home .header{
		background: url(images/home-head.jpg) no-repeat center;
		background-size: cover;	
		background-attachment: fixed;
		}*/

		.story .header{
		background: url(images/story-head.jpg) no-repeat center;
		background-size: cover;
		background-attachment: fixed;
		}

		.worrilow .header{
		background: url(images/worrilow-head.jpg) no-repeat center;
		background-size: cover;
		background-attachment: fixed;
		}

		.menus .header{
		background: url(images/menus-head.jpg) no-repeat center;
		background-size: cover;
		background-attachment: fixed;
		}

		.events .header{
		background: url(images/events-head.jpg) no-repeat center;
		background-size: cover;
		background-attachment: fixed;
		}

		.error .header{
		background: url(images/error-head.jpg) no-repeat center;
		background-size: cover;
		background-attachment: fixed;
		}




	/* . . . Header Styles . . . */	

	.header{
	text-align: center;
	display: block;
	position: relative;
	top:0;
	left:0;
	width: 100%;
	height:100vh;
	padding-top:50px;
	display: table;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	}

	.home #menu-main-nav-1 li{
	display: inline-block;
	}

	.scroll-arrow{
	position: absolute;
	bottom:140px;
	opacity: .6;
	margin:-10px;
	}

	.head-area{
	vertical-align: middle;
	width: 100%;
	display: table-cell;
    height:20%;
    position: absolute;
    top: 0;
    bottom:0%;
    margin: auto;
    transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	}

	.home .head-area{
	height:70%;
	}

	#logo{
	padding-bottom:100px;
	max-width: 698px;
	width: 50%;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	}

	#w-logo{
	max-width: 950px;
	width: 80%;
	margin:0 auto;
	}

	#nav{
	background: #fff;
	width: 875px;
	margin: 0 auto;
	}

	#home-nav a{
	color:#ada9a0;
	font-size: 20px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin:0px 30px;
	font-weight: 700;
	transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	}

	#home-nav a:hover{
	color:#fff;
	}

	#nav a{
	color:#9a9893;
	font-size: 20px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin:0px 30px;
	font-weight: 700;
	transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	}

	#nav a:hover{
	color:#494743;
	}

	.current-menu-item a{
	color:#494743 !important;
	}

	#menu-main-nav li{
	display: inline-block;
	width: auto;
	}

	.menu-main-nav-container{
	display: inline-block;
	width: auto;
	position: relative;
	top:-5px;
	}

	.social{
	padding-right:25px;
	position: relative;
	top:20px;
	}

	.social svg{
	fill:#7b7872;
	transition: fill 0.4s ease;
	-webkit-transition: fill 0.4s ease;
	}

	.social svg:hover{
	fill:#cb8c34;
	} 

	.show-on-mobile{
	display: none;
	}


	/* . . . General Layout Styles . . . */

	.content{
	width: 100%;
	position: relative;
	background: url(images/beige-rough.png) no-repeat center center #f4f2ef;	
	background-size: cover;
	}

	.story .content{
	width: 100%;
	position: relative;
	background: url(images/beige-etch-large.png) center center no-repeat #f4f2ef;	
	background-size: cover;
	}

	.intro{
	margin: 0 auto;
	padding:140px 170px;
	/*width:80%;*/
	}
 
	.third{
	display: inline-block;
	vertical-align: top;
	margin-right:12%;
	width:25%;
	}

	.last{
	margin-right:0px;
	}

	.last img{
	margin-right:25px;
	}

	.note{
	font-size: 16px !important;
	line-height:22px !important;
	margin-top:10px;
	position: relative;
	}


/* . . . Home Page Styles . . . */

	.home .content{
	background: url(images/beige-etch-texture.png) no-repeat #f4f2ef center center;
	background-size: cover;
	}

	.home .intro{
	width: 50%;
	margin:0px;
	font-size: 26px;
	line-height: 41px;
	color:#7b7872;
	}

	.orange-link{
	text-transform: uppercase;
	color:#db973a;
	margin-top:30px;
	font-size: 20px;
	letter-spacing: 3px;
	font-weight: 700;
	display: block;
	width: 325px;
	transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	}

	.orange-link:hover, .orange-link:hover svg{
	color:#3c3b38;
	fill:#3c3b38;
	}

	.arrow-left svg{
	fill:#db973a;
	transition: fill 0.4s ease;
	-webkit-transition: fill 0.4s ease;
	margin-left:30px;
	top: 2px;
	position: relative;
	}


	
/* . . . Visit Page Styles . . . */


	.map{
	display: block;
	width: 100%;
	background: url(images/map-bg.jpg) no-repeat center center;
	padding:230px 0px;
	text-align: center;
	}
	
	table{
	margin: 70px auto;
	width: auto;
	text-align: center;
	}

	td{
	text-align: center;
	padding:0px 30px;
	}

	.times{
	color:#fff;
	text-shadow:0px 0px 20px #000;
	font-size: 22px;
	}

	.days{
	color: #d9d4ca;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 18px;
	text-shadow:0px 0px 20px #000;
	}



/* . . . Our Story Page . . . */


	#f-story{
	border-bottom:solid 1px #D6D2C7;
	padding-bottom:110px;
	margin-bottom:140px;
	font-size: 18px;
	line-height:26px;
	position: relative;
	}

	.owners-img{
	position: absolute;
	right:0px;
	top:0px;
	width:35%;
	height: auto;
	}

	.f-story-intro{
	font-size: 22px !important;
	line-height:31px !important;
	color:#666666;
	}

	#f-story p{
	width: 60%;
	margin-bottom:30px;
	}


/* . . . Our Story, Bio Slider . . . */

	.bios{
	background: url(images/beige-texture.jpg) repeat;
	padding: 180px 0px;
	}

	.bio-content{
	width: auto;
	padding:70px;
	margin-right:470px;
	}

	.bio-image{
	display: inline-block;
	position: absolute;
	top:0px;
	right:0px;
	height:100%;
	overflow: hidden;
	max-width: 540px;
	}


	.bios li{
	width: auto !important;
	background: #fff;
	}

	.bios p{
	padding-bottom:40px;
	}
	.bx-viewport{
	background: url(images/beige-texture.jpg) repeat;
	}

	.slider-prev{
	background: url(images/arrow-left-gray.svg) no-repeat top left;
	display: inline-block;
	position: relative;
	width: 12px;
	height:18px;
	margin-right: 30px;
	}

	.slider-prev:hover{
	background: url(images/arrow-left-gray.svg) no-repeat bottom left;
	}

	.bx-prev, .bx-next{
	color:#fff;
	display: block;
	width:20px;
	height:20px;
	}



	.slider-next{
	background: url(images/arrow-right-gray.svg) no-repeat top left;
	display: inline-block;
	position: relative;
	width: 12px;
	height:18px;
	}

	.slider-next:hover{
	background: url(images/arrow-right-gray.svg) no-repeat bottom left;
	}

	.team-bar{
	width: 75%;
	background: url(images/gray-texture.jpg) repeat;
	display: block;
	padding:20px 0px;
	text-align: center;
	color:#fff;
	position: relative;
	z-index: 999;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin:0 auto;
	top:-35px;
	}

	.team-bar-tablet{
	display: none;
	}


/* . . . Worrilow Room Styles . . . */

	.contact-cta{
	background: url(images/beige-texture.jpg) repeat;
	padding:80px 0px;
	text-align: center;
	}

	.contact-cta p{
	width: 80%;
	max-width: 900px;
	margin: 0 auto;
	}

	.worrilow-content ul{
	list-style-image: url(images/bullet-point.svg);
	font-family: 'BrandonText-Regular',sans-serif;
	font-weight: 300;
	text-indent: 15px;
	margin-left:14px;
	}

	.worrilow-content ul li{
	margin-bottom:15px;
	}

	.center{
	position: relative;
	left:60px;
	}


/* . . . Menus Page styles . . . */
	
	#menu-content{
	background: url(images/beige-texture.jpg) repeat;
	padding:70px 0px;
	}

	.tabs{
	width: 80%;
	max-width: 1270px;
	margin: 0 auto;
	}

	.tabbed-list{
	width: 334px;
	display: inline-block;
	cursor:pointer;	
	vertical-align: top;
	z-index: 1;
	position: relative;
	}

	.tabbed-list li a{
	width: 300px;
	padding:25px 0px 25px 40px;
	display: block;
	text-transform: uppercase;
	color:#d9d4ca;
	letter-spacing: 3px;
	font-size: 24px;	
	font-weight: 700;
	border-bottom:1px solid #9b9994;
	background:url(images/menu-arrow-closed.svg) no-repeat 90% center #7b7872;
	transition: background 0.4s ease;
	-webkit-transition: background 0.4s ease;
	}

	.tabbed-list li a:hover{
	background:url(images/menu-arrow-closed.svg) no-repeat 90% center #21201F;
	}

	.last{
	border-bottom: 0px;
	}

	.menu-holder{
	width: 72%;
	background: #fff;
	display: inline-block;
	position: relative;
	right:0px;
	overflow: hidden;
	}

	.menu-section{
	padding:40px 50px;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 0px;
    border-bottom:solid 1px #f0eeea;
	}

	.item{
    -webkit-column-break-inside: avoid;
     page-break-inside: avoid;
    break-inside: avoid;
    padding:20px;
	}


	.ui-tabs-active a, .ui-state-active a{
	color:#fff !important;
	background:url(images/menu-arrow-opened.svg) no-repeat 90% center #3c3b38 !important;
	border-bottom:0px !important;
	}

	.dropdown{
	display: none;
	background: #3c3b38;
	color: #d9d4ca;
	padding:0px 40px 40px 40px;
	width: 260px;
	line-height: 30px;
	}

	.menu-section-title{
	padding:20px 70px 20px 85px;
	display: inline-block;
	position: relative;
	left:-15px;
	background: #f0eeea;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    margin-top:50px;
	}

	.menu-section-title h4{
	text-transform: uppercase;
	display: inline-block;
	margin-bottom:0px;
	font-weight: 300;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
	}

	.item-title{
	font-family: 'Knockout 28 A', 'Knockout 28 B',sans-serif; 
	font-weight: 400; 
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 34px;
	color:#494743;
	padding-bottom:10px;
	}

	.item-descrip p{
	font-size: 16px;
	color:#7b7872;
	line-height:20px;
	}

	.menu-column-hard{
	display: block;
	padding:40px 70px;
	position: relative;
	}

	.column-a, .column-b{
	max-width:330px;
	display: inline-block;
	}

	.column-a{
	vertical-align: top;
	}

	.column-b{
	position: relative;
	margin-left:80px;
	}

	.column-b h4{
	padding-top:10px ;
	margin-bottom:0px;
	}

	.submenu-list{
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 1px;
	}

	.submenu-list{
	list-style-image: url(images/bullet-point.svg);
	font-family: 'BrandonText-Regular',sans-serif;
	font-weight: 300;
	text-indent: 5px;
	margin-left:14px;
	margin-bottom:10px;
	}

	.menu-note{
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'BrandonText-Regular',sans-serif;
	font-weight: 300;
	margin-left:30px;
	}

	.fixed{
	position: fixed;
	top:0px;
	}

	.right{
	right:-341px;
	}


/* . . . Content Page . . . */
	
	.events-content{
	background:url(images/beige-texture.jpg) repeat;
	padding:70px 0px;
	}

	.event{
	background:#fff;
	width: 90%;
	margin: 30px auto;
	max-width: 990px;
	padding:70px;
	}

	.event h2{
	margin-bottom:20px;
	line-height:43px;
	}

	.event h4{
	text-transform: uppercase;
	}

	.event .event-descrip p{
	font-size: 20px;
	line-height: 28px;
	color:#7b7872;
	}

	.amp{
	font-size: 14px;
	}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - Footer styles. - - - - - - - - - */

	#footer{
	background:url(images/dark-gray-texture.jpg) repeat;
	position: relative;
	width: 100%;
	overflow: hidden;
	}

	#footer .container{
	padding:19px 40px;
	display: inline-block;
	width: 90%;
	}

	#footer .copyright{
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 2px;
	color:#d9d4ca;
	}

	#footer a{
	color:#d9d4ca;
	transition: color 0.5s ease;
	-webkit-transition: color 0.5s ease;
	}

	#footer a:hover{
	color:#fff;
	}

	#footer .social-box{
	display: inline-block;
	width: auto;
	position: absolute;
	right: 400px;
	}

	#footer .social{
	top:4px;
	}

	#footer .social svg{
	fill:#d9d4ca;
	transition: fill 0.4s ease;
	-webkit-transition: fill 0.4s ease;
	}

	#footer .social svg:hover{
	fill:#cb8c34;
	}

	#footer .reservations{
	background:#21201f;
	padding: 20px 60px 20px 40px;
	display: inline-block;
	width: auto;
	right:0px;
	position: absolute;
	color:#fff;
	font-size: 19px;
	letter-spacing: 3px;
	font-weight: 700;
	margin-right:-20px;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    overflow: hidden;
	}
	
	.unskew{
	-webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
	}




	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/* - - - - - - - - - Hidden until mobile items.  - - - - - - - - - */

	.mobile-hours{
	display: none;
	}

	#mobile-nav{
	display: none;
	}

	.tabbed-mobile-open{
	display: none;
	}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - -  H E I G H T   B A S E D   S T Y L E S  - - - */

@media ( max-height: 830px ) and ( min-width: 1100px ){

	#logo{
	width: 35%;
	padding-bottom:80px;
	}

}

@media ( max-height: 800px ){

	.dropdown{
	font-size: 16px;
	line-height: 23px;
	}

	.tabbed-list li a{
	padding:15px 0px 15px 40px;
	}


	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - -  W I D T H    B A S E D   S T Y L E S  - - - */

@media ( max-width: 2000px ){
	video{
	position: fixed;
	}
}
	
@media ( max-width: 1535px ){
	.intro{
	padding:120px;
	}

	#f-story{
	padding-bottom:70px;
	margin-bottom:100px;
	}

	.third{
	margin-right:9%;
	width: 27%;
	}

	.bios{
	padding:150px 0px;
	}

	.last{
	margin-right:0px !important; 
	}

	.center{
	left:40px;
	}

	.column-a, .column-b{
	max-width: 300px;
	}

	.menu-holder{
	width: 70%;
	}


	.menu-note{
	font-size: 14px;
	margin-left:20px;
	}

	.column-a, .column-b{
	width: 280px;
	}


}

	
@media ( max-width: 1440px ){
	.intro{
	padding:90px;
	}

	.third p, .bios p{
	font-size: 20px;
	line-height: 28px;
	}

	.third{
	margin-right:8%;
	}

	.bios{
	padding:90px 0px;
	}

	.bx-wrapper, .team-bar{
	width: 85%;
	}

	.center{
	left:25px;
	}

	.tabs{
	width: 85%;
	}

	.menu-holder{
	width: 68%;
	}

	.menu-note{
	font-size: 12px;
	margin-left:10px;
	font-weight: bold;
	color: #7B7872;
	}

	.column-b{
	margin-left: 40px;
	}


}


@media ( max-width: 1300px ){

	.home .intro{
	width: 60%;
	font-size: 23px;
	line-height:33px;
	padding:90px!important;
	}

	h2{
	margin-bottom:50px;
	}

	.hide-tablet{
	display: none;
	}

	.intro{
	padding:70px;
	}

	#f-story p{
	width: 100%;
	}

	.f-story-intro{
	width: 60% !important;
	}

	.owners-img{
	max-width: 310px;
	}

	#f-story{
	margin-bottom:80px;
	padding-bottom:40px;
	}

	.bx-wrapper{
	width: 100%;
	}

	.bios{
	padding:0px;
	margin-bottom: -30px;
	}

	.team-bar-tablet{
	width: 100%;
	background: url(images/gray-texture.jpg) repeat;
	display: block;
	padding:20px 0px;
	text-align: center;
	color:#fff;
	position: relative;
	z-index: 999;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin:0 auto;
	}

	.bio-content{
	padding:50px;
	margin-right:440px;
	}

	.bios p{
	font-size: 18px;
	}

	.bio-image{
	max-width: 480px;
	}

	.scroll-arrow{
	bottom:140px;
	}

	.bx-prev, .bx-next{
	width: 40px;
	height: 40px;
	}

	#menu-content{
	padding:50px 0px;
	}

	.tabs{
	width: 90%;
	}

	.tabbed-list li a{
	width: 270px;
	}

	.dropdown{
	width: 230px;
	font-size: 20px;
	line-height: 30px;
	}

	.tabbed-list{
	width: 306px;
	}

	.menu-holder{
	width: 65%;
	}

	.menu-section, .menu-column-hard{
	padding:40px 30px;
	}

	.right{
	right:-312px;
	}

	.menu-section-title{
	padding:20px 50px 20px 65px;
	}

	.menu-note{
	display: none;
	}

	.column-a, .column-b{
	width: 230px;
	}

	.column-b{
	margin-left:12%;
	}

	#logo{
	padding-bottom:70px;
	}

	.scroll-arrow{
	width: 25px;
	}

	.times{
	font-size: 18px;
	}

	td{
	padding:0px 20px;
	}

	.days{
	font-size: 16px;
	}

	h1{
	font-size: 55px;
	}

	.head-area{
	height: 25%;
	}

	.events-content{
	padding:50px 0px;
	}

	.event{
	width: 70%;
	}

	.event .event-descrip p{
	font-size: 18px;
	line-height: 26px;
	}

	.center{
	left:5px;
	}

	.worrilow .head-area{
	height: 32%;
	}


	.visit .header, .home .header, .story .header, .worrilow .header, .menus .header, .events .header, .error .header{
	background-attachment: scroll;
	}

	.bios{
	padding-bottom:70px;
	}


}


@media ( max-width: 1010px ){
	#logo{
	width: 65%;
	}

	video{
	display: none;
	}



	.home .header{
	background: url(images/home-head.jpg) no-repeat center;
	background-size: cover;	
	}

	#home-nav a{
	font-size: 18px;
	margin:0px 20px;
	}

	.home .head-area{
	height: 70%;
	}

	.scroll-arrow{
	bottom:220px;
	}

	.home .intro{
	padding:70px !important;
	width: 80%;
	font-size: 23px;
	line-height: 34px;
	}

	h2{
	margin-bottom:30px;
	padding-top:15px;
	}

	.randomized img{
	width: 50%;
	}

	#footer .copyright{
	font-size: 11px;
	}

	.orange{
	font-size: 16px;
	}

	#footer .reservations{
	font-size: 16px;
	padding:20px 40px 20px 30px;
	}

	#footer .container{
	width: 50%;
	padding:19px 25px;
	}

	#footer .social-box{
	right:317px;
	}

	h1{
	font-size: 43px;
	letter-spacing: 8px;
	}

	h3{
	font-size: 25px;
	letter-spacing: 2px;
	padding-top:20px;
	}

	#nav a{
	font-size: 18px;
	margin:0px;
	line-height: 18px;
	padding:15px !important;
	}

	.f-icon{
	left:-15px;
	}

	.f-icon img{
	padding:0px 5px;
	}

	#nav{
	width: 672px;
	}

/*	.home .header{
	height:100vh;
	}*/

	.home .scroll-arrow{
	bottom:100px;
	}

	.header{
	height:75vh;
	}

	.head-area{
	height: 5%;
	}

	.scroll-arrow{
	bottom:160px;
	}

	.f-story-intro{
	font-size: 20px !important;
	line-height: 28px !important;
	}

	.intro{
	padding:50px 50px 70px 50px;
	}

	.f-story-intro{
	width: 53% !important;
	}

	.owners-img{
	width: 41%;
	}

	#f-story{
	margin-bottom:50px;
	padding-bottom:20px;
	}

	.third{
	width: 100%;
	margin:0px;
	margin-top:30px;
	}

	h4{
	margin-bottom:10px;
	}

	.bio-image{
	display: none;
	}

	.bio-content{
	margin-right:0px;
	}

	.bios{
	margin-bottom:0px;
	}

	.worrilow .head-area{
	height: 25%;
	}

	.hide-mobile{
	display: none;
	}

	.mobile-hours{
	display: table;
	position: relative;
	top:-30px;
	margin:0 auto;
	}

	.hours{
	display: none;
	}

	.visit .head-area{
	height: 15%;
	}

	.dropdown{
	display: none !important;
	}

	.tabbed-list li{
	display: inline-block;
	width: 19.3%;
	text-align: center;
	padding:0px;
	}

	.tabbed-list li a{
	width: 103%;
	padding:15px 0px;
	font-size: 15px;
	background:#7b7872;
	border-right:1px solid #9b9994;
	border-bottom:0px;
	}

	#ui-id-5{
	border-right:0px;
	}

	.ui-tabs-active a, .ui-state-active a{
	background: #3c3b38 !important;
	}

	.tabbed-list a:hover{
	background: #3c3b38 !important; 
	}

	.tabbed-list{
	background: #7b7872;
	}

	.tabs, .tabbed-list{
	width: 100%;
	}

	.menu-holder{
	width: 100%;
	}

	.right{
	right:0px;
	top:60px;
	}

	#menu-content{
	padding:0px 0px 50px 0px;
	background: #fff;
	}

	.events-content{
	padding:20px 0px;
	}

	.column-a, .column-b{
	width:280px;
	}

	.column-b{
	margin-left:80px;
	}

	.bios{
	background: #fff;
	}

	.bios{
	padding-bottom:0px;
	}


}


@media ( max-width: 750px ){


	#mobile-nav{
	display: block;
	}



	.menu-main-nav-container{
	top:0px;
	width: 80%;
	background: #21201f;
	text-align: left;
	z-index: 99;
	display: none;
	margin:0 auto;
	}

	.menu-main-nav-container li{
	border-top:solid 1px #494743;
	}

	#menu-main-nav li{
	display: block;
	}

	.menu-main-nav-container a{
	color:#fff;
	text-transform: uppercase;
	padding:20px 0px 20px 20px;
	display: block;
	width: 100%;
	font-size: 18px;
	letter-spacing: 2px;
	}

	.m-nav-head{
	width: 80%;
	background: #fff;
	font-size: 28px;
	text-transform: uppercase;
	font-family: 'Knockout 28 A', 'Knockout 28 B',sans-serif; 
	font-weight: 400; 
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	margin:0 auto;
	text-align: left;
	color:#21201f;
	}

	#m-open{
	display: inline-block;
	padding:13px 20px;
	float: right;
	}

	.f-icon{
	left:0px;
	margin-right:20px !important;
	}

	.f-word{
	position: relative;
	top:-3px;
	}

	.home .header, .header{
	height:450px;
	}

	.home .head-area{
	height: 40%;
	}

	.home h2{
	margin-bottom:25px;
	}

	.head-area h1, .head-area h3{
	width: 80%;
	margin:0 auto;
	}

	.head-area{
	height:10%;
	}

	#logo{
	width: 75%;
	max-width: 300px;
	}

	.scroll-arrow{
	bottom:50px;
	}

	.show-on-mobile{
	display: block;
	color:#9a9893;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 2px;
	padding-bottom:20px;
	}

	#footer .container{
	width: 100%;
	padding:14px 0px 25px 0px;
	text-align: center;
	}

	#footer{
	overflow: auto;
	}

	#footer .reservations{
	-webkit-transform: none;
	margin-right:auto;
	position: relative;
	width: 100%;
	text-align: center;
	display: block;
	padding:15px 0px;
	}

	.unskew{
	-webkit-transform: none;
	}

	.home .intro{
	padding:40px !important;
	width:auto;
	font-size: 21px;
	line-height: 31px;
	}
	h1{
	font-size: 38px;
	letter-spacing: 4px;
	}

	h2{
	font-size: 45px;
	}

	h3{
	font-size: 24px;
	letter-spacing: 1px;
	}

	#footer .social-box{
	position: relative;
	right:0px;
	display: block;
	}

	#footer .copyright{
	padding:0px 20px;
	}

	#footer .social{
	padding-left:25px;
	}

	.filled-btn{
	font-size: 22px;
	letter-spacing: 4px;
	}

	.randomized .filled-btn{
	margin-left:-172px;
	}

	#nav, #home-nav{
	display: none;
	}

	.f-story-intro{
	width: 100% !important;
	}

	.owners-img{
	position: relative;
	width: 100%;
	margin-top:40px;
	max-width: 100%;
	}

	.intro, .bio-content{
	padding:40px 40px 60px 40px;
	}

	#f-story{
	margin-bottom:30px;
	padding-bottom:10px;
	}

	h2{
	margin-bottom:0px;
	}

	.team-bar-tablet{
	font-size: 16px;
	}

	.hide-phone{
	display: none;
	}

	.events-content{
	padding:0px;
	background:#fff;
	}

	.event{
	padding:40px;
	width: auto;
	margin:0px;
	border-bottom:solid 1px #D6D2C7;
	}

	.worrilow .head-area{
	height:16%;
	}

	.map{
	padding:100px 0px;
	}

	td{
	padding:0px 10px;
	}

	.menu-section{
	-webkit-column-count: 1;
	-moz-column-count:1;
	column-count:1;
	}

	.menu-section, .menu-column-hard{
	padding:20px;
	}

	.column-a, .column-b{
	width: 100%;
	max-width: 100%;
	}

	.column-b{
	margin-left: 20px;
	padding-bottom:30px;
	}

	.tabbed-mobile-open{
	display: block;
	padding:15px 0px 15px 25px;
	text-transform: uppercase;
	color: #fff;
	font-size: 17px;
	letter-spacing: 2px;
	background:url(images/hamburger-white.svg) no-repeat 93% center #7b7872;
	}

	.tabbed-list li{
	width: 100%;
	display: none;
	text-align: left;
	}

	.tabbed-list li a{
	width: auto;
	border-right: 0px;
	border-top:1px solid #9b9994;
	padding-left:25px;
	}

}



@media ( max-width: 450px ){

	.scroll-arrow{
	bottom:60px;
	}

	.m-nav-head, .menu-main-nav-container{
	width: 90%;
	}

	.header{
	padding-top:30px;
	}

	h2, .event h2{
	font-size: 30px;
	padding-top:0px;
	}

	h1{
	font-size: 30px;
	}

	h3{
	font-size: 20px;
	line-height: 24px;
	}

	.bio-content h5{
	font-size: 35px !important;
	line-height: 38px !important;
	margin-top:0px !important;
	margin-bottom:0px !important;
	}

	.bio-content h6{
	margin-bottom:20px !important;
	}

	.bios p{
	font-size: 16px !important;
	line-height:20px !important;
	}

	p, .f-story-intro{
	font-size: 18px !important;
	line-height: 23px !important;
	}

	.home .intro{
	padding:30px !important;
	}

	.home .header, .header{
	height: 420px;
	}

	.orange-link{
	width: auto;
	font-size: 16px;
	margin-top:20px;
	letter-spacing: 2px;
	}

	.arrow-left svg{
	margin-left:15px;
	}

	.filled-btn{
	font-size: 18px;
	letter-spacing: 2px;
	padding:20px 40px 18px 40px;
	}

	.randomized .filled-btn{
	margin-left:-140px;
	}
	
	.head-area{
	height: 20%;
	}

	.intro, .bio-content, .event{
	padding:30px;
	}


	.event h4{
	font-size: 16px;
	line-height: 20px;
	}

	h5{
	margin-top:10px;
	}

	td{
	padding:0px 15px;
	}

	h6{
	font-size: 20px;
	line-height: 22px;
	}

	.mobile-hours{
	top:-60px;
	}

	.menu-section, .menu-column-hard{
	padding:10px;
	}

	.item{
	padding:15px;
	}

	.column-b{
	margin-left: 20px;
	}

	.menu-section-title{
	margin-top:30px;
	}

	.event .event-descrip p{
	margin-top:20px;
	}
}