/*
	Theme Sunset Fried Chicken
	Version: 1.0
	Author: Andrew Nedimyer / Aaron Bloom
	Author URI: http://andrewww.co

*/

/* ---- HTML 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; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, label, legend { display: block; }
body { 
	font-size:100%; 
	line-height: 1; 
	font-family: 'Arimo', sans-serif;
	background: #FACDCC;
	color: #FE6513;
	margin: 0 auto;
	overflow-x: hidden;
}


/* ---- Text select ---- */
::selection {
  background: #FACDCC; 
  color: #FE6513;
}
::-moz-selection {
  background: #FACDCC; 
  color: #FE6513; 
}


/* ---- Custom Scroll bar ---- */
::-webkit-scrollbar {
    width: .6em;
}
::-webkit-scrollbar-button {
    background: #FACDCC;
}
::-webkit-scrollbar-track-piece {
    background: #FACDCC;
}
::-webkit-scrollbar-thumb {
    background: #FE6513;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-spacing: 0; }

/* ---- Clearfixes ---- */
.row:before,.row:after,.clearfix:before,.clearfix:after{content:'';display:table}
.row:after,.clearfix:after{clear:both}
.row,.clearfix{zoom:1}

/* ---- GRID Layout ---- */
*{box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.grid{margin:0 auto; max-width:1200px; width:100%;} 
.g1140{margin:0 auto; max-width:1140px; width:100%;}
.g1024{margin:0 auto; max-width:1024px; width:100%;}
.g960{margin:0 auto; max-width:960px; width:100%;}
.row{width:100%; margin:0 auto;}
.c1{width:8.33%;}
.c2{width:16.66%;}
.c3{width:25%;}
.c4{width:33.33%;}
.c5{width:41.66%;}
.c6{width:50%;}
.c7{width:58.33%;}
.c8{width:66.66%;}
.c9{width:75%;}
.c10{width:83.33%;}
.c11{width:91.66%;}
.c12{width:100%; min-height:1px; float:left; position:relative;}
.c1-5{width:20%;}/* This column can be used as a one fifth of the row */
.c1-8{width:12.5%;}/* This column can be used as a one eigth of the row */ 
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c1-5,.c1-8 {min-height:1px; float:left; padding-left:10px; padding-right:10px; position:relative;}
.c1.first,.c2.first,.c3.first,.c4.first,.c5.first,.c6.first,.c7.first,.c8.first,.c9.first,.c10.first,.c11.first,.c1-5.first,.c1-8.first {
	padding-left: 0; position:relative;
}
.c1.last,.c2.last,.c3.last,.c4.last,.c5.last,.c6.last,.c7.last,.c8.last,.c9.last,.c10.last,.c11.last,.c1-5.last,.c1-8.last {
	padding-right: 0; position:relative;
}

/* ---- Alignments ---- */
.centered{float: none; margin: auto;}
.left {float: left;}
.right {float: right;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.space-top {margin-top: 20px;}
.space-bot {margin-bottom: 20px;}
.space-top150 {margin-top:150px;}
.space-top400 {margin-top:350px;}
.space-bot150 {margin-bottom:150px;}
.space-top50 {margin-top:50px;}
.space-bot50 {margin-bottom:50px;}


/* ---- Typography ---- */
h1, h2, h3, h4, h5, h6 { 
	font-family: 'Chewy', cursive, sans-serif;
	font-weight: none; 
	font-style: normal; 
	color: #FE6513;
	text-rendering: optimizeLegibility; 
	line-height: 1.1; 
	margin-bottom: 10px; 
	margin-top: 10px; 
}

h1 {
	display: none;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 80%; color: #FE6513; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration:none; }
h1 {font-size: 36px; line-height: 48px;}
h2 {font-size: 32px; line-height: 42px;}
h3 {font-size: 28px; line-height: 36px;}
h4 {font-size: 20px; line-height: 32px;}
h5 {font-size: 21px; line-height: 27px;}
h6 {font-size: 18px; line-height: 27px;}

a {color: #FE6513; text-decoration: none; line-height: inherit; }
a:hover {color: #FE6513; }
a:focus {color: #FE6513; outline: none; }

p {margin-bottom: 10px; padding:0; }
p a, p a:visited {line-height: inherit; }

i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 70%; line-height: inherit; }


/* ---- Lists ---- */
ul, ol, dl { 
	margin-bottom: 8px; 
	list-style-position: inside; 
	text-indent: 5px; 
	color: #333333; 
}
ul li ul, ul li ol { margin-left: 15px; margin-bottom: 0; }
ul.square li ul, ul.circle li ul, ul.disc li ul, ul.no-bullet li ul {margin-left: 15px; }
ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; }

li {
	list-style-type: none;
	
}


.top-section {
	min-height: 100vh;
	display: flex;
	flex-flow:row wrap;
	align-items:center;
	justify-content:center;
	width:100%;
}

.follower{
	display: block;
	position: absolute;
	z-index: 9999;
	width: 40px;
	height: 40px;
	background-image: url(/img/bird2.gif);
	background-size: 40px 40px;
	background-repeat: no-repeat;
}

.bird1 {
    position: fixed;
    right:20px;
    width: 30px;
	height:30px;
	background-image: url(/img/bird1.png);
	background-size: 30px 30px;
}

li.orange-bg {
	background: #FE6513;
	padding: 10px;
	border-radius: 4px;
	display: inline-block;
	color: #FACDCC !important;
}

.border {
	border-bottom: 3px solid #FE6513;
	display: inline-block;
}

h4.title {
	font-family: 'Chewy', cursive, sans-serif !important;
	font-size:40px !important;
	color: #fff !important;
	letter-spacing: 2px !important;
}

.menu li {
	font-family: 'Arimo', sans-serif;
	text-transform: uppercase;
	font-size:.8rem;
	line-height: 1.3;
	letter-spacing: .03rem;
	color: #FE6513;
	padding-left: 10%;
	padding-right: 10%;
	font-weight: bold;
	margin: 10px;
}

.menu li.smaller {
	font-size:.5rem;
	margin-top: 3px;
}
.menu h3 {
	margin-top: 40px;
}

.menu a {
	border-bottom: 1px solid;
	padding-bottom: 1px;
	display: inline-block;
	text-align: center;
}

.menu h4 {
	font-family: 'Arimo', sans-serif;
	font-size: .9rem;
	color: #FE6513;
    letter-spacing: .06rem;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 40px;
}

img {
	width: 100%;
}

.logo {
	display: block;
	background-image: url(/img/sunset.gif);
	background-size: 600px;
	width: 600px;
	height: 600px;
	margin: 0 auto;
	background-repeat: no-repeat;
}

.rain-img {
	display: block;
	background-image: url(/img/rain-or-shine.png);
	background-size: 165px 120px; 
	width: 165px;
	height: 120px;
	margin: 0 auto;
	margin-top:30px;
}

.smile {
	position: fixed;
	bottom: 10px;
	left: 10px;
	background-image: url(/img/sunset_sml.gif);
	width:100px;
	height:75px;
	background-size: 100px 75px;
	z-index:-2;
}


.menu-btn {
	display: block;
	position: fixed;
	bottom: 20px;
	right: 20px;
	padding: 12px;
	font-family: 'Chewy', cursive, sans-serif;
	border-radius: 4px;
	background: #FE6513;
	width: auto;
	color: #FACDCC;
	letter-spacing: .05rem;
	text-transform: uppercase;
	cursor: pointer;
	z-index:9999;
	margin: 0 auto;
}

.menu-btn:hover {
	background: #F38348;
	color: #FACDCC;
}

.contact-info {
  padding: 1rem;
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 100px;
}




.contact-info li{
	display: block;
	text-align: center;
	font-family: 'Arimo', sans-serif;
	text-transform: uppercase;
	font-size:.8rem;
	line-height: 1.3;
	letter-spacing: .03rem;
	color: #FE6513;
	font-weight: bold;
	margin: 4px;
}

.food-menu {
	    margin-bottom: 75px;
    display: block;
    height: auto;
    float: left;
    margin-top: 100px;
}

.spacer {
	height:400px;
	width: 100%;
	display: block;
}

.quality {
	position: fixed;
	right: 20px;
	display: block;
	background-image: url(/img/quality.png);
	width: 60px;
	height: 141px;
	background-size: 60px 140px;
	    top: 40%;
}



.wave {
	display: block;
	background-image: url(/img/wave.png);
	width: 130px;
	height: 50px;
	background-size: 130px 50px;
	margin: 0 auto;
	position: relative;
	background-repeat: no-repeat;
}

p {
	color: #fff;
	z-index: 9999;
	font-family: 'Arimo', sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	display: inline-block;
}

.big-type {
	font-size: 100px;
	font-family: 'Chewy', cursive, sans-serif;
	padding: 50px;
	display: block;
	position: relative;
}

.coming-soon {
	display: block;
	background-image: url(/img/coming-soon.png);
	width: 300px;
	height: 133px;
	background-size: 300px 133px;
	margin: 0 auto;
	position: relative;
	background-repeat: no-repeat;
	margin-top: 50px;
	margin-bottom: 50px;
}



/* Media query for 960 Screens - sets nested grids to 100% */
@media only screen and (max-width:960px){
	.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12,.row .row .c1-5,.row .row .c1-8{width:100%;margin-bottom:20px;margin-left:0px;margin-right:0px; }
	.row .row > div:last-child{margin-bottom:0 !important}
}

/* Media query for iPad and tablets */
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
	body{font-size:90%}
	.row{margin-bottom:0!important}
	.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.c1-5,.c1-8{width:100%;margin-right:0;margin-left:0;margin-bottom:20px; padding:0 10px;}
	.c1.first,.c2.first,.c3.first,.c4.first,.c5.first,.c6.first,.c7.first,.c8.first,.c9.first,.c10.first,.c11.first,.c1-5.first,.c1-8.first {
		padding-left: 10px; position:relative;
	}
	.c1.last,.c2.last,.c3.last,.c4.last,.c5.last,.c6.last,.c7.last,.c8.last,.c9.last,.c10.last,.c11.last,.c1-5.last,.c1-8.last {
		padding-right: 10px; position:relative;
	}

	.menu-btn {
		display: none;
	}

	.logo {
		background-size: 320px 320px;
		width: 320px;
		height: 320px;
	}

	.top-section {
		min-height: 100px;
		margin-top:-40px;
		display: block;
		flex-flow:row wrap;
		align-items:center;
		justify-content:center;
		width:100%;
	}

	.big-type {
		font-size: 45px;
		margin-top:-100px;
	}

	.spacer {
		height:0px;
	}

	.contact-info {
		position: relative;
	}
	
	.space-top150 {margin-top:0px;}
	.space-top400 {margin-top:0px;}

	.food-menu {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.menu-btn {
		display: none !important;
	}

	.smile {
		position: fixed;
		bottom: 2px;
		left: 2px;
		background-image: url(/img/sunset_sml.gif);
		width:100px;
		height:75px;
		background-size: 100px 75px;
		z-index:-2;
	}

	.quality {
		position: fixed;
		right: 5px;
		display: block;
		background-image: url(/img/quality.png);
		width: 40px;
		height: 100px;
		background-size: 40px 100px;
		    top: 40%;
	}

}