/* Scaffolding */

@font-face {
	font-family: 'Greta Grande Std';
	src: url('font/GretaGrandeStdMediumItalic.eot');
	src: url('font/GretaGrandeStdMediumItalic.eot?#iefix') format('embedded-opentype'),
		url('font/GretaGrandeStdMediumItalic.woff2') format('woff2'),
		url('font/GretaGrandeStdMediumItalic.woff') format('woff'),
		url('font/GretaGrandeStdMediumItalic.ttf') format('truetype'),
		url('font/GretaGrandeStdMediumItalic.svg#GretaGrandeStdMediumItalic') format('svg');
	font-weight: 500;
	font-style: italic;
}


html,
body {
  width: 100%;
  height: 100%;
  outline:none;
}

* {
	outline:none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

body {
  /*font-family: 'Noticia Text', serif;*/
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.778;
  color: #222;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

a {
  color: #228B22;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#nav_bar {
	position:fixed;
	height:140px;
	width:100%;
	top:0px;
	background:rgba(255,255,255,1.0);
	z-index:999;
}

#nav_bar .menu {
	width:200px;
	margin:15px;
	position:absolute;
}

#nav_bar .menu ul {
	padding:0px;
	margin:0px;
}

#nav_bar .menu li {
	list-style:none;
	height:26px;
}

#nav_bar .menu .icon {
	display:none;
	text-decoration:none;
}

#nav_bar .menu .icon:hover {
	text-decoration:none;
}

#nav_bar .menu li a {
	font-size:20px;
	line-height:20px;
	font-weight:700;
	text-decoration:none;
	color:#211D1F;
	text-transform:uppercase;
	/*text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);*/
}

#nav_bar .menu li a.active {
	color:#6386C4;
}

#nav_bar .logo {
	width: 40%;
	position: absolute;
	text-align: center;
	left: 50%;
	top:15px;
	margin-left: -20%;
	cursor:pointer;
}

#nav_bar .logo img {
	height:110px;
	width: auto;
}

.btn-scroll, .btn-scroll:hover {
	position:absolute;
	left:50%;
	margin-left:-20px;
	bottom:2%;
	text-align:center;
	font-size:16px;
	text-decoration:none;
	color:#FFF;
	z-index:1;
	text-shadow: 0px 5px 8px rgba(0, 0, 0, 1);
}

.btn-scroll img {
	margin-top:5px;
	width:40px;
	height:22px;
}

/* Backgrounds */


.bg-holder {
  width: 100%;
  color: #fff;
  z-index: 99;
    position: relative;
	
}

.bg-holder .bg {
	width:100%;
	height:auto;
}

.bg-holder .content {
  color: #fff;
  text-align: center;
  position: relative;
  top: 50%;
  /*-webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);*/
}

.home_bg {
	margin-top:140px !important;
}


h2 {
  font-size: 32px;
  line-height: 1.5;
}

.home_bg {
  /*background-image: url('../images/homepage_bird_v1.jpg');*/
}

.menu_bg {
  /*background-image: url('../images/smoothiebowl_v1.jpg');*/
}

.menu_bg_lunch_dinner {
  /*background-image: url('../images/lunch_and_dinner_soup_2.jpg');*/
}

.menu_bg_salad {
  /*background-image: url('../images/freekehsalad.jpg');*/
}

.menu_bg_plates {
  /*background-image: url('../images/seabass.jpg');*/
}

.menu_bg_dessert {
  /*background-image: url('../images/dessert.jpg');
  background-position:bottom center;*/
}

.menu_bg_beverage {
  /*background-image: url('../images/beverage.jpg');*/
}

.menu_bg_smoothie {
  /*background-image: url('../images/smoothies.jpg');*/
}

.contact_bg {
  /*background-image: url('../images/contact_bg.jpg');*/
}

.delivery_bg {
  /*background-image: url('../images/uber_bg.jpg');*/
}



/* Content Sections */

section {
  padding: 48px 0px;
  margin-top:-12px;
  z-index: 99;
    position: relative;
}

section .content {
  margin: 0 auto;
  max-width: 100%;
}

section .content-60 {
  margin: 0 auto;
  margin-top:40px;
  max-width: 60%;
  font-size:24px;
	color:#000;
}

section .content-70 {
  margin: 0 auto;
  margin-top:40px;
  max-width: 70%;
  font-size:24px;
	color:#000;
}

#about .content {

}

#about .content p {
	font-size:44px;
	line-height:48px;
	color:#CC6733;
	font-family: 'Greta Grande Std';
	font-weight:400;
	/*font-family: 'Noticia Text', serif;*/
}

.content h2 {
  margin: 0 0 16px;
  font-size: 18px;
}

section p {
  margin: 0;
}

section p + p {
  /*text-indent: 2em;*/
}

section + hr {
  border: 0;
  border-top: 1px solid #ccc;
  height: 0;
  margin:0;
}

#menu {
	margin-top:50px;
}

.menu_page {
	text-align:center;
	background:#F3E4B2;
	
}

.menu_page h2 {
		color:#010101;
		font-size:36px;
		font-weight:700;
		margin-top:40px;
}

.menu_page h3 {
		color:#6386C4;
		font-size:30px;
		font-weight:400;
		margin-top:15px;
}

.menu_page p {
		color:#010101;
		font-size:24px;
		line-height:32px;
		font-weight:400;
		width:85%;
		margin:auto;
		margin-bottom:30px;
}

#contact_page {
	background:#E9BDAF;
	position: relative;
	padding-bottom:300px;
	overflow:hidden;
}

#contact_page .content {
	width:800px;
}

#contact_page .content h2 {
	color:#FFF;
	font-size:50px;
	font-family: 'Greta Grande Std';
	font-weight:400;
	/*font-family: 'Noticia Text', serif;*/
}

#contact_page .content p {
	line-height:22px;
	margin-bottom:20px;
	position:relative;
}

#contact_page .content p a {
	text-decoration:none;
	color:#000;
}

#contact_page .content .input-txt {
	border:0px;
	background:none;
	border-bottom:1px solid #000;
	padding:5px;
	color:#000;
	width:280px;
}

#contact_page .content .btn-submit, #contact_page .content .btn-submit:hover {
	border:0px;
	background:#000;
	padding:5px;
	color:#FFF;
	width:150px;
	text-align:center;
	font-weight:700;
	text-decoration:none;
}

#arts_1 {
	position: absolute;
    left: 0px;
    bottom: 0px;
	max-height:304px;
}

#contact_social {
	position: absolute;
    right: 20px;
	width:250px;
    bottom: 10px;
}

#contact_social img {
	height:40px;
	width:auto;
	margin-right:20px;
}

#arts_2 {
	position: absolute;
    right: 0px;
    bottom: 150px;
}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000;
}

.map_box {
	clear: both;
}

#contact_page .content .left {
	float:left;
	width:49%
}

#contact_page .content .right {
	float:right;
	width:49%
}

#map_canvas {
	height:400px; width:100%;
	z-index:99;
}

/* Footer */

.footer {
  text-align: left;
  margin-top:0px;
}

.social {
  margin: 16px;
  list-style: none;
}

.social li {
  display: inline-block;
  margin: 8px;
}

#delivery {
    background: #F3E4B2;
    position: relative;
    padding-bottom: 150px;
    overflow: hidden;
	text-align: center;
	padding-top:100px;
}

#delivery h2 {
	color:#669940;
	font-size:40px;
	line-height:58px;
	font-family: 'Greta Grande Std';
	font-weight:400;
	display:block;
	width:650px;
	margin:auto;
	text-align:left;
}

#delivery h2 a {
	/*font-size:20px;
	width:100%;
	word-break:break-all;
	line-height:24px;
	display:block;*/
}

#delivery img { 
width:auto;
height:65px;
margin-left:30px;
}

#delivery p {
	margin-top:40px;
}

#delivery .content .btn-submit, #delivery .content .btn-submit:hover {
	border:0px;
	background:#000;
	padding:5px;
	color:#FFF;
	width:150px;
	display:block;
	margin:auto;
	text-align:center;
	font-weight:700;
	text-decoration:none;
}

#menu_side {
	position: fixed;
    right: 50%;
    top: 50%;
	margin-top:-150px;
    z-index: 1;
	display:none;
	margin-right: -650px;
}

#menu_side img {
	width:146px;
	height:auto;
}

#backtotop {
	position: fixed;
    right: 20px;
    bottom: 0%;
    z-index: 999;
	display:none;
}

#backtotop img {
	width:24px;
	height:auto;
}

#submenu {
	position: fixed;
    left: 10px;
    top: 150px;
    z-index: 999;
	display:none;
}

#submenu ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#submenu li {
	padding: 2px 10px;
    background: #6699CC;
    margin: 5px;
}

#submenu li a, #submenu li a:hover {
	color:#FFF;
	font-size:20px;
	font-weight:700;
	font-family: 'PT Sans', sans-serif;
	text-decoration:none;
}

#submenu li a.active {
	color:#000;
}

#menu .content,
#menu-1 .content,
#menu-2 .content,
#menu-3 .content,
#menu-4 .content,
#menu-5 .content {
	padding-left:100px;
	padding-right:100px;
}

@media (min-width: 1100px) {
	.bg-holder {
		margin:auto;
		width:1100px;
		margin-top:60px;
	}
	
	section {
		margin:auto;
		width:1100px;
		margin-top:60px;
	}
}

@media (max-width: 1199px) {
	.bg-holder {
		margin:auto;
		width:1000px;
		margin-top:60px;
	}
	
	section {
		margin: auto;
		width:1000px;
		padding:48px 0px;
		margin-top:60px;
	}
}


@media (max-width: 1024px) {
	#arts_2 {
		right: -55px;
		z-index:9;
	}
	
	#submenu ul {
		display: block;
	}
	
	#submenu li a, #submenu li a:hover {
		font-size: 14px;
	}
	
	#submenu li {
		padding: 0px 10px;
	}
	
	#menu .content,
	#menu-1 .content,
	#menu-2 .content,
	#menu-3 .content,
	#menu-4 .content,
	#menu-5 .content {
		padding-left:130px;
		padding-right:130px;
	}
	
	/*.bg-holder {
		background-attachment:inherit !important;
	}*/
	.bg-holder, section {
		width: 100%;
	}
	section .content {
		padding: 0px 20px;
	}
}

@media (max-width: 1000px) {
	
	.bg-holder {
		margin:auto;
		width:100%;
		margin-top:30px;
	}
	
	section {
		margin: auto;
		width:auto;
		padding:20px;
		margin-top:30px;
	}

	
	#about .content p {
		font-size: 26px;
		line-height: 36px;
		color: #CC6733;
	}
	
	section .content-60 {
		max-width: 80%;
		font-size: 20px;
	}
	
	.menu_page h2 {
		font-size: 28px;
	}
	
	.menu_page h3 {
		font-size: 24px;
	}
	
	.menu_page p {
		font-size: 18px;
		line-height: 26px;
	}
	
	.footer {
		padding: 20px;
	}
	
	.footer p {
		font-size:12px;
	}

  /*.home_bg {
    background-image: url('../images/homepage_bird_v1.jpg');
  }
  .menu_bg {
    background-image: url('../images/smoothiebowl_v1.jpg');
  }
  .pic3 {
    background-image: url('../img/pic3_bigger.jpg');
  }*/
}


@media (max-width: 600px) {
	
	#submenu ul {
		display:none;
	}
	
	#menu .content,
	#menu-1 .content,
	#menu-2 .content,
	#menu-3 .content,
	#menu-4 .content,
	#menu-5 .content {
		padding-left:20px;
		padding-right:20px;
	}
	
	#backtotop {
		right: 10px;
	}
	
	.home_bg {
		margin-top: 80px !important;
	}
	
	.bg-solid {
		background:#FFF !important;
	}
	
	.bg-solid .menu .topnav li {
		background:rgba(203,203,203,1.00) !important;
	}
	
	#nav_bar .logo img {
		height: 50px;
		width: auto;
	}
	
	#nav_bar {
		height: 80px;
	}
	
	#nav_bar .logo {
		    left: auto;
    /* right: 20px; */
    width: 100%;
    text-align: center;
    position: relative;
    margin: auto;
	}
	
	#nav_bar .menu {
		margin: 3px;
		top:0px;
	}
	
	#nav_bar .menu li {
		display:none;
	}
	
	#nav_bar .menu li a {
		font-size:16px;
	}
	
	#nav_bar .menu ul.topnav {
		margin-top: 80px;
	}
	
	#nav_bar .menu .topnav li {
		display: block;
		padding: 5px;
		padding-bottom: 8px;
		background: rgba(255,255,255,1.0);
		margin-bottom: 3px;
	}

	#nav_bar .menu .icon {
		display: block;
		top: 23px;
		left:15px;
		position: absolute;
		padding:0px;
		background:none !important;
		margin:0px;
	}
	
	#nav_bar .menu .icon {
		font-size:40px;
		color:#000;
		line-height:40px;
		top:18px;
	}

	
	section {
		padding: 20px;
	}
	
	
	.btn-scroll, .btn-scroll:hover {
		/*bottom: 23%;*/
		display:none;
	}
	
	.home_bg {
		background-position: 40% 0px !important;
	}
	
	#about .content p {
		font-size: 24px;
		line-height: 30px;
	}
	
	section .content-60 {
		max-width: 100%;
	}
	
	#about .content-60 p {
		font-size:16px;
	}
	
	.menu_bg {
		background-position: 20% 0px !important;
	}
	
	.menu_page h2 {
		margin-top:0px;
	}
	
	.menu_page h3 {
		font-size: 24px;
		margin: 10px;
	}
	
	.menu_page p {
		font-size: 16px;
		line-height: 22px;
		margin-bottom:20px;
	}
	
	.contact_bg {
		background-position: 40% 0px !important;
	}
	
	#contact_page {
		padding-bottom:0px;
	}
	
	#contact_page .content p {
		font-size: 14px;
	}
	
	#arts_1, #arts_2 {
		display:none;
	}
	
	#contact_social {
		position: relative;
		right: auto;
		width: 100%;
		margin-top: 30px;
		text-align:center;
	}
	
	.delivery_bg {
		background-position: 20% 0px !important;
	}
	
	.menu_bg_plates {
		background-position: 20% 0px !important;
	}
	
	.menu_bg_dessert {
		background-position: 90% 0px !important;
	}
	
	
	#delivery {
		padding-bottom: 160px;
	}
	
	#delivery h2 {
		font-size: 30px;
		line-height: 44px;
		width:90%;
	}
	
	#delivery img {
		margin-left:0px;
		margin-top:15px;
		display:block;
		height:45px;
	}
	
	section .content {
		padding: 0px;
	}

	
}

@media (max-width: 380px) {
	#contact_page .content .left, #contact_page .content .right {
		width:100%;
	}
}