@import url(https://fonts.googleapis.com/css?family=Frijole);
@import url(https://fonts.googleapis.com/css?family=Cabin+Sketch);
@import url(https://fonts.googleapis.com/css?family=Averia+Serif+Libre);
@import url(https://fonts.googleapis.com/css?family=Lato);
* { margin:0; padding:0; box-sizing:border-box; }

body {
    font-size:20px;
    font-family: 'Cabin Sketch', cursive;
    color: white;
    margin: 0 auto;
}

header {
	text-align: center;
	border: 1px #fbb942 solid;
	padding: 1em;
	background-color: rgba(0, 0, 0, 1);
	text-transform: uppercase;
	letter-spacing: .5em;
}

.navbar-header img {
    vertical-align: middle;
    width: 90px;
    padding-left: 29px;
    margin-top: -7px;
}

.box-shadow-menu {
	position: relative;
	padding-left: 1.25em;
}

.navbar {
    background-color: #070607;
    border-color: #fbb942;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	overflow: auto;
}

section#splash {
	background-image: url("http://blackhouse.uk.com/images/gallery/food-and-drink-12.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	height:100vh;
	text-align: center;
	/*padding: 2em 0 0;*/
	bottom: 14em;
}

section#splash img {
  padding-top: 185px;
}

section#splash  {
	background-color: black;
	border: 1px black solid;
	padding: 1em;
}

section#splash2 {
/*	background-image: url("https://www.mcdonalds.com/etc/clientlibs/mcd-us/images/bg-mobile.jpg");*/
	background-color: #1f1f1f;
	background-size: cover;
	background-repeat: no-repeat;
	/* height:90vh; */
}

section#splash2 h2 {
	background-image: url("http://blackhouse.uk.com/images/gallery/food-and-drink-1.jpg");/*http://blackhouse.uk.com/images/slide-background/hale-1.jpg*/
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #231b19;
	border: 1px black solid;
	padding: 150px;
	text-align: right;
	letter-spacing: .4em;
	float: left;
	width: 100%;
}

#right {
	background-color: rgba(67,57,49,.3);
	border: 1px black solid;
	padding: 40px;
	margin: 40px;
	width: 50%;
}

.column {
	background-color: rgba(67,57,49,.3);
	border: 1px black solid;
	padding: 1.5em;
	width: 25%;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Lato', sans-serif;
	display: inline-block;
	/* overflow: auto;*/
	line-height: 1.2em;
	/* width: 80%;
    outline-width: .5em;
    padding: .5em;
    height: 2em;
    line-height: 2em;*/
}

.column a {
	text-decoration: none;
	color: white;
	padding: .5em;
}

#left {
	background-color: rgba(67,57,49,.3);
	border: 1px black solid;
	padding: 40px;
	margin: 40px;
	width: 50%;
	float: right;
}

/*section#splash2 #righty {
    background-color: #E55B88;
    border: 1px black solid;
    padding: 20px;
}*/

section#splash2 h3 {
	padding-top:7em;
	margin-top: 3em;
	color: white;
}

section#splash2 img {
	width: 100%;
	margin: .1em;
    display: block;
   /* float: left;
    margin-left: 15em;
    bottom: 10em;*/
}

section#about {
	/* border: 1px black solid; */
	/*padding: 20px;*/
	/*padding-top: .5em;*/
	background-color:#1f1f1f;
	/*	background-size: cover;
	background-repeat: no-repeat;
	background-image:  url("https://www.mcdonalds.com/etc/clientlibs/mcd-us/images/bg-mobile.jpg");*/
}

#about a {
	text-decoration: none;
	color: white;
}

#about h2 {
	text-align: center;
	font-weight: bolder;
	text-transform: uppercase;
	letter-spacing: .3em;
	padding: 150px;
	border: 1px black solid;
/*	background-image: url("http://blackhouse.uk.com/images/gallery/P10278%20Blackhouse%20Food%20234-Final%20Web%20Res%20JPG%201.jpg");
	background-size: cover;
    background-repeat: no-repeat;*/
    margin: 0;

}

section#about img {
	float: none;
	width: 30%;
	padding-left: 3em;
}

#logofade {
	width: 100%;
    z-index: -1;
    float: left;
    background-image: url("http://usa.sae.edu/assets/Campuses/Los-Angeles/2015/Los_Angeles_city_view.jpg");
}


section#locations {
	background-image: url("http://blackhouse.uk.com/images/slide-background/chester-1.jpg");
	/* border: 1px black solid; */
	padding: 0;
	/*text-align: right;
	height: 90vh;
	display: inline;
	margin-left: 3em;
	background-image: url(http://blackhouse.uk.com/images/contact-tab-1.png);
	*/
	background-size: cover;
	background-repeat: no-repeat;
	height: 100vh;
}

#smoked {
	background-color: rgba(67,57,49,.3);
	border: 1px black solid;
	padding: 40px;
	margin: 40px;
	width: 25%;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	text-transform: uppercase;
    float: left;
    text-align: center;
    line-height: 1.2em;
}

#left {
	background-color: violet;
	border: 1px black solid;
	padding: 20px;
	float: left;
	width: 30%;
}

#right {
	background-color: pink;
	border: 1px black solid;
	padding: 20px;
	float: right;
	width: 62%;
}

section#locations h2 {
	text-align: right;
	font-weight: bolder;
	text-transform: uppercase;
	letter-spacing: .3em;
	/* margin-top: .4em; */
	padding: 20px;
	/* border: 1px black solid; */
}

section#locations address {
     text-align: center;
     font-size: 1.3em;
     margin-top: 1em;
}

section#locations div {
	max-width:1200px;
	margin: auto;
	/* padding: 2em 0 0; */
}

section#locations h3 {
    /*padding: 20px;*/
    /* margin: 41px; */
    text-align: center;
    font-size: 1.7em;
    text-align: center;
    color: white;
    font-family: 'Lato', sans-serif;
}
/*section#locations iframe {
     display: inline;
     padding: 2em;
     width: 80%;
     margin-left: 1em;

}*/

section#locations a {
	text-decoration: none;
	color: white;
	border: 1px solid #fbb942;
	padding: 1em;
	/* margin-left: 5em; */
	display: block;
	text-align: center;
	margin-top: 1em;
}

section#locations img {
	float: left;
	width: 15%;
	margin-top: 0;
}
section#locations section {
	width: 50%;
	float:left;
	background-color: rgba(14,8,8,0);
	padding: 2em;
}
section#locations section:first-of-type { clear:both; }

section#catering {
	background-color: #FFED74;
	border: 1px black solid;
	padding: 20px;
	text-align: center;
	height: 100vh;
	color: white;
	background-image: url("http://blackhouse.uk.com/images/index-background.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

section#catering img {
	float: left;
	width: 15%;
	margin-top: 35px;
}

section#catering h2 {
    background-color: rgba(0,0,0,0);
	border: none;
	padding: 20px;
	font-size: 1.5em;
	text-align: center;
	margin-top: .3em;
	margin-right: 5em;
	letter-spacing: .3em;
}

section#catering h3 {
	margin-top: 7em;
	text-align: center;
	letter-spacing: .1em;
	padding-bottom: 2em;
	margin-right: 0;
	clear: both;
}

section#catering a {
     display: inline-block;
     text-decoration: none;
     color: white;
     padding: .5em 1em;
     font-weight: bolder;
     border: none;
}

section#menu {
	background-image: url("../images/menuhambones");
	/*border: 1px black solid;*/
	/*padding: 20px;*/
	background-size: cover;
	background-repeat: no-repeat;
	color: white;
	height: 90vh;
}

section#menu h2 {
	text-align: center;
	font-weight: bolder;
    background-color: black;
    letter-spacing: .8em;
    color: white;
}

section#menu h3 {
     background-color: #FFE2B8;
	border: 1px black solid;
	padding: 20px;
}

section#menu img {
	float: left;
	width: 60%;
	margin-top: 0;
}

/*.submenu {
	background-color: rgba(67,57,49,.3);
	border: 1px black solid;
	padding: 40px;
	margin: 40px;
	width: 500px;
	text-align: center;
	float: right;
}*/

h1 {
	color: rgba(255,255,255,1);
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: 0.2em;
}

#logo > img {
    width: 220px;
	margin-top: 26px;
	opacity: 0.9;
    display: block;
}

#gcard > img {
    bottom: 15em;
    right: 0;
    float: right;
}

section#contact {
	background-image: url("http://blackhouse.uk.com/images/slide-background/chester-1.jpg");
	border: 1px black solid;
	padding: 0;
	background-size: cover;
	background-repeat: no-repeat;
	height: 90vh;
}

a:hover {
	/*background-color: #fbb942;*/
  text-decoration: none;
  color: #fbb942;
}

#contact h2 {
    text-align: right;
	font-weight: bolder;
	text-transform: uppercase;
	letter-spacing: .3em;
	margin-top: .4em;
	padding: 20px;
	border: 1px black solid;
}

#contact p {
	font-size: 2em;
	text-align: center;
}

#contact p {

}

#contact a {
	text-decoration: none;
	color: white;
	border: 1px solid #fbb942;
	padding: 1em;
	display: block;
	text-align: center;
	margin-top: 1em;
}

#contact h1 {
	padding: 2em;
	text-align: center;
}

#contact img {
    width: 10%;
    padding: 25px;
    /*margin-left: 12em;*/
/*    float: left;*/
}

footer {
	background-color: black;
	border: 1px black solid;
	padding: 20px;
}

footer a {
	color:white;
	text-decoration: none;
}

nav {
	background-color: rgba(0, 0, 0, 0);

	float: left;
	width: 100%;
	text-align: center;
	word-spacing: 0.2em;
	font-size: 1em;
}

p {
	font-weight: black;
	line-height: 1.2;
}
.btn-warning {
    color: #fff;
    background-color: #fbb841;
    border-color: #eea236;
}

nav a {
   color: white;
   text-align: center;
   margin-bottom: 0;
   text-decoration: none;
   opacity: 6;
   display: inline-block;
   padding: 1em;
}

ul {
	text-align: center;
	font-weight: black;
	list-style-type: none;
}



.menu-btn div {
  position: absolute;
  left: 100%;
  top: 64%;
  padding-right: 8px;
  margin-top: -0.50em;
  line-height: 1.2;
  font-size: 18px;
  font-weight: 200;
  vertical-align: middle;
  z-index: 99;
}

.menu-btn span {
  display: block;
  width: 19px;
  height: 3px;
  margin: 4px 0;
  background: rgb(0,0,0);
  z-index: 99;
}

.parallax {
  background-image: url("/images/road.jpg");
  height: 700px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: .9;
}

#about {
    background-color: #181818;
    color: #F7F7EF;
    height: 300px;
}

/*.icons {
  margin-bottom: 25px;
}*/

.imgIcons {
  margin-left: 34%;
}

.learn {
  width: 50%;
}

.intro {
  text-align: center;
}

.responsive-menu{
  display: none;
}

.expand {
  display: block !important;
}

@media only screen and (max-width:850px) {
  #locations section {
  	float:none;
  	width:auto;
  	display:block
  	font-size:.5em;
  	clear: all;
  }

  .column {
	float: none;
	display: block;
	width: auto;
}

  #logo {
  	float: left;
  }
}

@media only screen and (max-width: 892px) {
	.column {
	float: none;
	display: block;
	width: auto;
  }
}

 @media only screen and (max-width:832px) {

  #catering a {
  	width:auto;
  	text-decoration: none;
	color: white;
	border: 1px solid #fbb942;
	padding: 1em;
	display: block;
	text-align: center;
	margin-top: 1em;
  }

  #catering h3 {
  	text-align: center;
  }
 }

@media only screen and (max-width:830px) {

  #locations section {
  	float: none;
  }
  .column {
  	float: none;
  	display: block;
  	width: auto;
  }

  #catering a {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1em;
  }

  nav {
  	clear: both;
  	background-color: rgba(0, 0, 0, 0);
  	display: inline;
	  font-size: 1.4em;
  }

  nav a {
   text-align: center;
   margin-bottom: 0;
   text-decoration: none;
   opacity: 6;
   /*display: inline-block;*/
   padding: .5em;
  }
}

@media only screen and (max-width:561px) {

  #catering h3 {
  	text-align: center;
  }

.column {
	float: none;
	display: block;
	width: auto;
}


  section#locations section {
  	width: 100%;
  	font-size: .7em;
  }

  section#locations section {
  	width:100%;
  }

.menu {
  padding:0.5em;
  background: #eee;
  min-height: 2em;
  line-height: 1em;
  }
}