/*!
 * Start Bootstrap - Grayscale v4.0.0-alpha (http://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 */
body{
	 font-family:Lora,'Helvetica Neue',Helvetica,Arial,sans-serif;
	 position:relative;
	 width:100%;
	 height:100%;
	 color:#333;
	 background-color:#fff;
}
html{
	width:100%;
	height:100%
}
h1,h2,h3,h4,h5,h6{
	font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight:700;
	margin:0 0 20px;
	letter-spacing:1px;
	text-transform:normal;
}
p{
	font-size:20px;
	line-height:1.5;
	margin:0 0 15px;
}

 @media only screen and (max-width: 768px){
	p{
		font-size:20px;
		line-height:1.6;
		margin:0 0 15px;
	 color: ;
	 }
}

a{
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
	color: saddlebrown}

img {
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}

.btn .btn-success .btn-xs {
	padding: 10px;
}

a:focus,a:hover{
	text-decoration:none;
	color: rgba(255,0,0,.5)
}
#mainNav{
	font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;
	margin-bottom:0;
	text-transform:uppercase;
	border-bottom:1px solid rgba(255,255,255,.3);
	background-color:#fff;
}
#mainNav .navbar-toggler{
	font-size:11px;
	padding:11px;
	color:#000;
	border:1px solid #fff;
}
#mainNav .navbar-brand{
	font-weight:700;
	color: black;
	font-size: 20px;
}
#mainNav a{
	color:rgba(255,255,255,0.0);
	font-size: 14px;
	text-shadow: black 2px 2px;
}#mainNav .navbar-nav .nav-item{
	-webkit-transition:background .3s ease-in-out;
	-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out
}
#mainNav .navbar-nav .nav-item:hover{
	color:fade(white,80%);
	outline:0;
	background-color:transparent
}
#mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus{
	outline:0;
	background-color:transparent
}

@media (min-width:768px)
{#mainNav{padding:20px 0;
	-webkit-transition:background .25s ease-in-out,padding .25s ease-in-out;
	-moz-transition:background .25s ease-in-out,padding .25s ease-in-out;
	transition:background .25s ease-in-out,padding .25s ease-in-out;
	letter-spacing:1px;
	border-bottom:none;
	background:0 0}
	#mainNav.navbar-shrink{
		padding:10px 0;
		border-bottom:1px solid rgba(255,255,255,.3);
		background:#000}
	#mainNav .nav-link.active{outline:0;
		background-color:rgba(255,255,255,.3)}
	#mainNav .nav-link.active:hover{color:#fff}
}

.masthead{
	display:table;
	width:100%;
	height:auto;
	padding:100px 0;
	text-align:center;
	color:#fff;
	background:url(../images/B2W-interior-1.jpg) no-repeat left scroll;
	background-color:#fff;
	-webkit-background-size:cover;
	-moz-background-size:cover;-o-background-size:cover;background-size:cover;
	
}



.masthead-gen{
	display:table;
	width:100%;
	height:1500px;
	padding:100px 0;
	text-align:center;
	color:#333;
	background:url(../images/alone-with-bees-main-alt-fade.jpg) no-repeat left scroll;
	background-color:#fff;
	-webkit-background-size:cover;
	-moz-background-size:cover;-o-background-size:cover;background-size:cover;
	
}



.masthead .intro-body{display:table-cell;vertical-align:middle}

.masthead .intro-body .brand-heading{font-size:40px; color: white; text-shadow: 3px 3px 10px black;}

.masthead .intro-body .intro-text{font-size:18px; text-shadow: 2px 2px 3px black; } 

.hero-feature {
	text-align: center;
}

.btn-success {
	color: darkgreen;
	border: solid 3px darkgreen;
	background-color: transparent;
}

.btn-success:hover,
    .btn-success:focus,
    .btn-success:active    {
        background-color: darkgreen;
        color: #FFF;
        border-color: darkgreen;
    }

@media (min-width:768px){
	.masthead{
		height:100%;padding:0;
		
	}
	.masthead .intro-body .brand-heading{
		font-size:100px;
	}
	
	.masthead .intro-body .intro-text{font-size:36px} .intro-address{font-size:24px}}
	.btn-circle
	{font-size:26px;
	width:50px;
	height:50px;
	margin-top:15px;
	padding:7px 0;
	-webkit-transition:background .3s ease-in-out;
	-moz-transition:background .3s ease-in-out;
	transition:background .3s ease-in-out;
	color:#fff;
	border:2px solid #fff;
	border-radius:100%!important;background:0 0}.btn-circle:focus,.btn-circle:hover{color:#fff;
	outline:0;background:rgba(255,255,255,.1);
		
}

.hours-section{
	padding-top:20px;
	background:url() no-repeat center scroll;
	margin-top: 20px;
	padding-bottom: 20px;
}

.catering-section{
	padding-top:20px;
	background:url(../images/b2w-menuboard1-home-20percent.jpg) no-repeat center scroll;
	margin-top: 20px;
	padding-bottom: 20px;
}

.delivery-section{
	padding-top:20px;
	background:url(../images/b2w-interior2-home-20percent.jpg) no-repeat center scroll;
	margin-top: 20px;
	padding-bottom: 20px;
}

.press-section{
	padding-top:20px;
	background:url(../images/b2w-interior1-home-20percent.jpg) no-repeat center scroll;
	margin-top: 20px;
	padding-bottom: 20px;
}

.contact-section{
	padding-top:20px;
	background:url() no-repeat center scroll;
	margin-top: 20px;
	padding-bottom: 20px;
}

.about-section{width:100%;
	padding:50px 0;color:#fff;background:url(../images/) no-repeat center center scroll;
	background-color:#000;
	-webkit-background-size:cover;
	-moz-background-size:cover;-o-background-size:cover;
	background-size:cover
}
#map{
	width:100%;
	height:200px;
	margin-top:100px}

@media (min-width:767px)
{.content-section{
	padding-top:50px /* padding at top of each section */
	} 
	 
.download-section{padding:100px 0}#map{height:350px;margin-top:250px}}

.btn{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-transform:uppercase;border-radius:0}.btn-default{color:rgba(0,0,0,0.3);
	border:1px solid black;background-color:transparent}.btn-default:focus,.btn-default:hover{color:#000;border:1px solid black;
	outline:0;
	background-color:rgba(0,0,0,0.5);
}ul.banner-social-buttons{margin-top:0}

@media (max-width:1199px){ul.banner-social-buttons{margin-top:15px}}

@media (max-width:767px){
	.masthead {
		margin-top: 50px;
	}
	
	ul.banner-social-buttons li{display:block;margin-bottom:20px;padding:0}ul.banner-social-buttons li:last-child{margin-bottom:0}}footer{padding:50px 0}footer p{font-size:14px;margin:0}::-moz-selection{background:#fcfcfc;background:rgba(255,255,255,.2);text-shadow:none}::selection{background:#fcfcfc;background:rgba(255,255,255,.2);text-shadow:none}img::selection{background:0 0}img::-moz-selection{background:0 0}body{-webkit-tap-highlight-color:rgba(255,255,255,.2)}