@import url('https://fonts.googleapis.com/css?family=Lobster|Playfair+Display|Raleway');

.container-fluid {
  padding: 0;
  margin: 0;
}

/* Nav Section */

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: rgba(17, 17, 17, .5);
}

.navbar-default .navbar-nav > li > a {
  color: #fcfcfc;
  text-shadow: 1px 1px 2px #0a0a0a;
}

.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus {
  color: #f8512f;
  background-color: rgba(17, 17, 17, .2);
}

.nav li a:hover {
  background-color: transparent;
}

nav.navbar {
  top: 100;
  right: 0;
  left: 0;
  z-index: 20;
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
  position: absolute;
}

.navbar-brand > img {
  margin-top: -7px;
}

/* Carousel */

.wrap {
  min-height: 100vh;
}

.carousel {
  margin-bottom: 60px;
}

.carousel-caption {
  z-index: 10;
  padding-bottom: 60px;
}

.carousel-inner .item {
  width: 100%;
  height: 600px;
  background-size: cover;
  background-position: center;
}

.main_img1 {
  background-image: url('../img/wood-2.jpg');
}

.main_img2 {
background-image: url('../img/restaurant-2.jpg');
}

.main_img3 {
  background-image: url('../img/farm-2.jpg');
}

.main-logo {
  max-height: 300px;
}

.btn-primary {
  color: #fff;
  background-color: #f8512f;
  border-color: transparent;
}

.btn-primary:hover {
  background-color: #d34326;
  border-color: transparent;
}

.carousel-caption p {
  color: #f7f7f7;
  font-size: 16px;
}

/* Out Story Section */

#our_story, #menu, #review, #contact {
  min-height: 600px;
}

#our_story .row {
  margin-top: 30px;
}

#our_story h1 {
  font-family: 'Lobster', serif;
  color: #f8512f;
  font-size: 6em;
}

#our_story h3 {
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
  font-size: 2em;
  margin-top: 0;
}

#our_story p {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
}

.story-year {
  font-family: 'Playfair Display', serif;
  font-size: 200px;
  font-weight: 700;
  z-index: -1;
  position: absolute;
  color: #cccccc;
}

/* Review Section */

#review {
  background-image: url('../img/food_review.jpg');
  background-size: cover;
  background-attachment: fixed;
}

#review .center {
  margin: 0 auto;
  float: none;
  background-color: rgba(20, 20, 20, .6);
  padding: 10px;
  margin-top: 145px;
  border-radius: 5px;
}

#review h1 {
  font-family: 'Lobster', cursive;
  font-size: 5em;
  color: #f8512f;
}

#review p {
  color: #fff;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: 2em;
}

#our_story h1,
#review h1,
#review p
#menu h1 {
  text-shadow: 1px 1px 5px #0a0a0a;
}

/* Menu Section */

#menu {
  background-image: url('../img/black_linen.png');
  background-size: cover;
  background-attachment: fixed;
  padding-top: 40px;
  padding-bottom: 70px;
}

#menu h1 {
  color: #fff;
  font-family: 'Lobster', cursive;
  font-size: 6em;
}

#menu h3 {
  text-align: center;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  /* font-size: 2em; */
}

#menu a {
  color: #f8512a;
  font-family: 'Raleway', sans-sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

#menu p {
  text-align: justify;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: 15px;
  font-color: #000;
}

.food {
  background-color: #fff;
  padding: 20px 0px 10px 0px;
}

#menu, .nav li a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: transparent;
}

#menu .nav-justify li a {
  margin-bottom: -5px;
}

#menu .nav-tabs li a {
  border: none;
}

/* Contact Section */

.contact_form {
  background-color: #ff6633;
  color: #fff;
  border: 1px solid #fff;
}

.contact_form form {
  padding: 5% 0;
}

#contact {
  background-color: #f8512f;
}

#contact h1 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 4em;
}

#contact p {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 1em;
}

#contact_fine_print {
  font-size: 12px !important;
  text-align: center;
}

address {
  color: #fff;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
}

.contact_bottom {
  margin-top: 50px;
  margin-bottom: 25px;
}

@media (max-width: 768) {
  .story_year {
    font-size: 160px;
    /* fix the position */
  }
}