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,span{
margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul,li{list-style:none;line-height:1.5}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a:focus,img:focus,div:focus{outline:none}
.clearfix:after,.row:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .clearfix,* html .row{zoom:1}
*:first-child+html .clearfix,*:first-child+html .row{zoom:1}
a,a:link,a:visited,a:hover{text-decoration:none}
html,body{font-size:100%;font-family:'Yanone Kaffeesatz', Helvetica, Arial, sans-serif}
*{box-sizing:border-box;max-width:100%}
p{margin-bottom:0.5em;line-height:1.3}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
text-transform:uppercase;line-height:1.1em;color:#ff3600;margin-bottom:0.8em;
}

h1,.h1{font-size:40px;}
h2,.h2{font-size:25px;}
h3,.h3{font-size:20px;}
em{font-style:italic;}
body,html{position:relative;}
body{background:#fff;height:100%}
.wrapper{width:1200px;margin:0 auto;padding:1em}
a,a:link,a:visited{-webkit-transition:all 0.3s ease;transition:all 0.3s ease;color:#DF8D00}
a:hover{color:#CA2B00}
header{position:fixed;top:0;background:#150000;width:100%;height:60px;z-index:999;box-shadow:0px 3px 15px 2px rgba(0,0,0,0.6)}
header .wrapper{padding-top:0;padding-bottom:0;width:100%}
header>.wrapper>a{display:block;float:left}
.nav-logo{max-height:75px;margin-bottom:-15px;position:relative}
.nav li{display:inline-block;text-align:center;position:relative}
.nav li a,.nav li a:link,.nav li a:visited{color:#DF8D00;text-transform:uppercase;display:block;line-height:1;padding:1em;font-size:20px}
.nav li a:hover,.nav li.active>a,.nav-main>li.has-sub:hover>a{color:#A6C6FF}
.nav-main{font-size:22px;float:right}
ul.nav-sub{position:absolute;background:rgba(65,0,34,0.9);width:150px;left:-30px;max-width:none;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;overflow:hidden;display:block;z-index:9}
.nav-sub li{display:block}
.nav-sub li a,.nav-sub li a:link,.nav-sub li a:visited{width:100%;display:block;line-height:1;padding:0.8em}
li.has-sub a,li.has-sub a:link,li.has-sub a:visited{cursor:pointer}
.nav-toggle{color:#ff3600;-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out;display:none}
.nav-toggle:hover,.nav-toggle:focus,.nav-toggle:active{color:#A6C6FF}
.header-hours{float:left;font-size:14px;color:rgba(255,255,255,0.8);padding:22px 10px}
.header-hours .hours-open{color:#A9D97E}
.header-hours .hours-closed{color:#F06E58}
#main .home .overlay .wrapper{font-size:0;padding:30px 16px}
.tri-item{width:31%;margin:0 1%;text-align:center;display:inline-block;text-transform:uppercase}
.tri-item:last-of-type{margin-right:0}
.section{background-color:#fff;padding:2em 0}
body{background-size:cover;background-repeat:no-repeat;background-position:center;background:black}
body.lunch{background-size:100% auto;background-position:top}
body.dinner{background-size:100% auto;background-position:top}
body.drinks{background-size:100% auto;background-position:top}
body.dessert{background-size:100% auto;background-position:top}
body.gallery{background:white}
body.contact{background-image:url("../images/map-grey.jpg");background-attachment:fixed}
#main{margin-top:60px}
#main .wrapper{padding:3em 2em}.impact{text-align:center;height:250px;position:relative;background-repeat:no-repeat;background-size:cover;background-position:center}
.about #main .wrapper,.contact #main .wrapper{padding:1em 2em}
.home #main{padding:3em 0 1px;background-repeat:no-repeat;background-size:2000px}
.contact .impact{background-image:url("../images/gallery/front-ban.jpg");box-shadow:0 8px 10px rgba(0,0,0,0.6)}
.about .impact{background-image:url("../images/bg-patio.jpg")}
.gallery .impact{background-image:url("../images/peppers.jpg")}
.clyde .impact{background-image:url("../images/gallery/chairs-ban.jpg")}
.staff .impact{height:400px}
.impact:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.2);z-index:1}
.impact:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}
.impact h1{display:inline-block;vertical-align:middle;margin:0;text-align:center;color:#fff;font-size:80px;text-shadow:0px 1px 10px rgba(0,0,0,0.5);position:relative;z-index:2}
img.impact-home{display:block;margin:0 auto;width:450px;-webkit-filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.5));filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.5));padding:0 2em}

.overlay{background:rgba(20,0,10,0.6);margin:3em auto}
.overlay .tri-item a,.overlay .tri-item a:link,.overlay .tri-item a:visited{display:block;margin:0 auto;background-image:url("../images/gallery/fish-tacos-small.jpg");background-size:cover;background-repeat:no-repeat;background-position:left bottom;font-size:35px;position:relative;width:300px;overflow:hidden}
.overlay .tri-item a:before{content:'';display:inline-block;padding-top:100%;width:0;vertical-align:middle}
.overlay .tri-item:nth-of-type(2) a{background-image:url("../images/gallery/fajitas-small.jpg");background-position:center center}
.overlay .tri-item:last-of-type a{background-image:url("../images/flan.jpg")}
.overlay .tri-item h1:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.overlay .tri-item h1{padding-top:10px;color:#fff;font-size:50px;position:absolute;top:0;bottom:0;left:0;right:0;vertical-align:middle;background-color:rgba(19,0,12,0.3);margin:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;line-height:0.8}
.overlay .tri-item a:hover h1{background-color:transparent;color:transparent}

.section p{margin-bottom:1em}
.section img{width:65px;float:left}
.section span p{margin:0 0 0 1em;float:left;line-height:4}
.section.left{width:45%;float:left;margin-right:5%}
.section.left p{margin-bottom:2em}
.section.right{width:50%;margin:2.5em 0;text-align:center;float:left}
.section.right img{width:300px;-webkit-transform:translateY(20%);-ms-transform:translateY(20%);transform:translateY(20%);border:4px solid #A6C6FF;border-radius:100%}
#clyde{border-radius:50%}
.home-intro{text-align:center}
.home-intro p,.home-intro h1{color:white}
.home-intro h1.large{font-size:60px;margin-bottom:0.5em}
.home-intro p{margin-left:auto;max-width:750px;margin-right:auto}
.home-intro .review{font-size:20px;text-shadow:0px 0px 15px #000;color:#C6EEFF}
.home-intro .review-author{font-style:italic;font-size:18px;text-shadow:0px 0px 8px #000}
@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
body:not(.contact):not(.home) .parallax-mirror{opacity:0;-webkit-animation:fadeIn 1.5s ease 0.3s forwards;animation:fadeIn 1.5s ease 0.3s forwards}
body.home .parallax-mirror{-webkit-animation:fadeIn 1.5s ease;animation:fadeIn 1.5s ease}
.contact #main .left{background:rgba(57,63,144,0.95);padding:50px;width:auto;margin:50px 0;color:#fff}
.contact #main .left h2{margin-bottom:8px;color:#FFA100}
.contact #main .section.left a{font-size:18px;color:#fff;text-decoration:none}
.contact #main .section.left a:hover{text-decoration:underline}
.contact #main .section.left p{margin-bottom:20px;font-size:18px}
.contact #main .section.left p:last-of-type{margin-bottom:0}
.map-overlay{background:transparent;position:relative;width:100%;height:800px;top:800px;margin-top:-800px}
.fancy-gallery{font-size:0}
a.fancybox{width:18%;display:inline-block;margin:1%;position:relative;overflow:hidden;vertical-align:middle;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
a.fancybox:before{content:'';display:block;width:0;padding-top:100%}
a.fancybox:hover{opacity:0.8}
a.fancybox img{position:absolute;max-width:none;top:50%;left:50%;min-height:100%;max-height:150%;width:auto;min-width:100%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
#instafeed a{display:inline-block;width:23%;margin:1%}
#instafeed a img{width:100%;height:auto}
.insta-title{text-align:center;margin-top:50px;font-size:50px}
#load-more{cursor:pointer;display:block;width:200px;padding:0.5em 1em;border:2px solid #ff3600;color:#ff3600;text-align:center;margin:30px auto;border-radius:3px;font-size:20px;text-transform:uppercase;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}
#load-more:hover,#load-more:focus{background-color:#ff3600;color:white}
ul.fixed-menu{position:fixed;top:60px;width:100%;background:rgba(10,10,10,0.95);color:#fff;text-align:center;z-index:9}
ul.fixed-menu li{display:inline-block;padding:0.5em;cursor:pointer;-webkit-transition:color 0.2s ease;transition:color 0.2s ease}
ul.fixed-menu li:hover,li.highlight{color:#ff3600}
.drinks #main{text-align:center}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 50px, 0);transform:translate3d(0, 50px, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 50px, 0);transform:translate3d(0, 50px, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}
.menu #main .section{-webkit-animation:fadeInUp 0.5s ease 0s 1 alternate;animation:fadeInUp 0.5s ease 0s 1 alternate;background:rgba(255,255,255,0.95);width:700px;padding:2em;margin:0 auto 2em;box-shadow:0 3px 15px rgba(0,0,0,0.1)}
.menu #main .section h1{text-align:center;color:#650025;background-color:rgba(150,150,150,0.1);margin-bottom:0.5em}
.menu #main .section h2{margin:1em auto 0.5em;text-align:center}
ul.menu-list li{line-height:1.2;padding:10px 0;color:#222;border-bottom:1px dashed rgba(65,0,34,0.5);font-size:16px}
ul.menu-list span{display:inline;font-weight:900;font-size:18px;color:#650025;margin-left:1em;float:right}
ul.menu-list h3{display:inline-block;margin-bottom:5px;color:#650025}
.lunch ul.menu-list h3{display:block}
ul.menu-list span.sub-span{font-size:16px}
ul.menu-list li.fifth{width:20%;float:left;position:relative;border-right:1px dashed rgba(65,0,34,0.5);padding-right:2%;padding-left:2%;border-bottom:none}
ul.menu-list li.fifth:last-of-type{border-right:none}
ul.menu-list li.fifth span{margin:0;float:none;position:absolute;right:12%}
ul.menu-list li.fifth h3{text-align:center;width:100%}
ul.menu-list li.full-width{text-align:center}
.menu #main .triple{display:inline-block;width:32%;vertical-align:top;font-size:0;padding:5px 15px;box-sizing:border-box}
.menu #main .double{width:49%;display:inline-block;vertical-align:top}
.menu #main li.triple{vertical-align:baseline;font-size:16px}
.drinks ul.menu-list li{border-bottom:none;padding:5px 0;font-size:16px}
.drinks ul.menu-list span{float:none;margin-left:10px}
footer{background-image:url("../images/bg-footer.jpg");background-repeat:no-repeat;background-size:cover;width:100%;box-shadow:0px -3px 15px 2px rgba(0,0,0,0.6)}
footer h3{background-color:rgba(255,255,255,0.1);padding:5px;border-radius:3px}
footer .tri-item{color:#CA2B00;vertical-align:top;margin-top:15px}
.tri-item.hours ul{width:300px;display:block;margin:0 auto}
.tri-item.hours li{color:#CA2B00;position:relative;text-align:left;font-size:12px;font-size:1.2rem;margin-bottom:0.5em}
.tri-item.contact p{font-size:12px;font-size:1.2rem;line-height:auto;text-transform:none}
span.hours{color:#DF8D00;float:right}
.foot-logo{width:200px;margin:1.7em auto}
.footer-bottom{background:#240012}
.footer-bottom span{color:rgba(255,255,255,0.4);font-family:Helvetica, Arial, sans-serif;font-size:12px;text-align:center;line-height:1.5}
.copyright{float:left}.author{float:right}.author a{color:rgba(255,255,255,0.4);-webkit-transition:all 0.2s ease;transition:all 0.2s ease}
.author a:hover{color:#fff}
.author a:hover:before{opacity:1}
.george img{width:500px;margin:0 auto;display:block;float:none}
.george h1{margin:15px 0;float:none;width:100%;text-align:center}
.parallax-window{background:transparent}
@media only screen and (min-width: 768px) and (max-width: 790px){.header-hours{max-width:150px}}
@media only screen and (min-width: 768px){.nav-main>li>a{display:block;vertical-align:middle;box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.nav-main>li>a:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:#A6C6FF;height:4px;-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px);-webkit-transition:transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out}.nav-main>li>a:hover:before,.nav-main>li>a:focus:before,.nav-main>li>a:active:before,.nav-main>li.active>a:before,.nav-main>li.has-sub:hover a:before{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}ul.nav-sub{height:0}.has-sub:hover ul.nav-sub{height:230px;padding:12px 0}}
@media only screen and (max-width: 767px){header .wrapper{padding:0}.nav-toggle{padding:1em;cursor:pointer;position:absolute;right:0;top:0;bottom:0;display:block}ul.nav-main{max-height:0;height:0;width:100%;background:rgba(19,0,12,0.95);overflow:hidden;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;margin-top:-1px}ul.nav-main.show{max-height:100vh;height:100vh}.nav-main li{display:block;width:100%;border-bottom:1px dashed rgba(101,0,37,0.5);text-align:center}.nav li a,.nav li a:link,.nav li a:visited{padding:0.7em 1em;text-align:center}.nav-sub li a,.nav-sub li a:link,.nav-sub li a:visited{text-transform:none;text-align:center;padding:0.7em 1em}ul.nav-sub{max-height:0;width:100%;display:block;-webkit-transition:max-height 0.3s ease-in-out;transition:max-height 0.3s ease-in-out;overflow:hidden;position:static;background-color:rgba(65,0,34,0.4)}ul.nav-sub.show{max-height:215px}#main .wrapper{padding:2em}.impact h1,.gallery h1{font-size:60px}footer .tri-item,.section.left,.section.right{width:100%;float:none}.overlay .tri-item h1{border-width:3px;font-size:34px}.contact .section.left{text-align:center}.section.right iframe{padding:0}a.fancybox,#instafeed a{width:31.3%;margin:1%}footer .tri-item:nth-of-type(2){display:none}.footer-bottom span{width:100%}}
@media only screen and (max-width: 555px){#main.drinks{text-align:left}#main.menu .triple{display:inline-block;width:100%;vertical-align:top;font-size:0;padding:10px 0;box-sizing:border-box}.drinks ul.menu-list{text-align:center}}
@media only screen and (max-width: 400px){.header-hours{max-width:150px}}
@media only screen and (max-width: 480px){#main .wrapper{padding:2em 1em}.impact{height:175px}img.impact-home{margin:0}.impact h1,.gallery h1{font-size:48px}.home .overlay{text-align:center;font-size:0;padding:30px 16px}.home .overlay .tri-item{width:100%;margin:2% 0}.overlay .tri-item a,.overlay .tri-item a:link,.overlay .tri-item a:visited{width:100%;margin-left:0}.overlay .tri-item a:before{padding-top:30%}a.fancybox,#instafeed a{width:48%}ul.menu-list li.fifth{width:50%;border-bottom:1px dashed rgba(65,0,34,0.5)}ul.menu-list li.fifth:last-of-type{margin:0 auto;clear:both;float:none}ul.menu-list li.fifth:nth-of-type(3),ul.menu-list li.fifth:nth-of-type(5){border-right:none}}