body {
  font-family: "Alegreya Sans SC", sans-serif;
  font-size: 1.6rem;
  color: #fff;
}

nav {
  border-radius: 0 !important;
  /*CHANGED FROM BOOTSTRAP DEFAULT*/
  background-color: #391918 !important;
  /*CHANGED FROM BOOTSTRAP DEFAULT*/
  border: 0 !important;
  /*CHANGED FROM BOOTSTRAP DEFAULT*/
  margin: 0 !important;
}

.affix {
  /* NAV MENU BUTTONS STICK ON TOP */
  width: 100%;
  top: 0;
  z-index: 1;
}

.navbar-brand {
  color: #fff !important;
  /*CHANGED FROM BOOTSTRAP DEFAULT*/
  font-size: 1.8rem !important;
  /*CHANGED FROM BOOTSTRAP DEFAULT*/
  font-weight: 600 !important;
  /*CHANGED FROM BOOTSTRAP DEFAULT*/
  padding-left: 3rem;
}

/*ADJUSTING TOP LOGO LEFT DISTANCE BEYOND 990PX*/
@media all and (min-width: 991px) {
  .navbar-brand {
    padding-left: 13.5rem;
  }
}
/*ADJUSTING TOP LOGO LEFT DISTANCE BELOW 768PX*/
@media all and (max-width: 767px) {
  .navbar-brand {
    padding-left: 0;
  }
}
.nav a {
  color: white !important;
  /*CHANGED FROM BOOTSTRAP DEFAULT*/
}
.nav a:hover {
  font-weight: 600;
}

.navbar-toggle span {
  color: white !important;
  /*BURGER BARS TO WHITE CHANGED FROM BOOTSTRAP DEFAULT*/
}

.jumbotron-wrapper {
  margin: 0;
  padding-top: 5rem;
  background-color: #391918;
}

.jumbotron {
  background: url("../img/bg.jpg") no-repeat fixed center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 56rem;
  margin-bottom: 0;
}
.jumbotron h1 {
  font-size: 7rem;
  font-weight: 900;
  margin-left: 13.5rem;
  margin-top: 4rem;
  width: 45rem;
  border-top: 10px solid #fff;
  padding: 1.5rem 0 0 0;
  line-height: 7rem;
}
.jumbotron a {
  margin: 4.5rem 0 0 13.5rem;
  color: #fff;
  display: block;
  height: 5rem;
  width: 20rem;
  border: 1px solid white;
  transition: background-color 1s, color 1s;
  webkit-transition: background-color 1s, color 1s;
  moz-transition: background-color 1s, color 1s;
  ms-transition: background-color 1s, color 1s;
}
.jumbotron a:hover {
  text-decoration: none;
  background-color: #fff;
  color: #391918;
}

/*ADJUST JUMBOTRON FOR 768PX TO 990PX*/
@media all and (max-width: 990px) {
  .jumbotron h1 {
    margin-left: 3rem;
    margin-top: 4rem;
    font-size: 5rem;
    font-weight: 600;
    width: 27.5rem;
    border-top: 10px solid #fff;
  }
  .jumbotron a {
    margin: 4.5rem 0 0 3rem;
  }
}
@media all and (max-width: 767px) {
  .jumbotron h1 {
    margin-left: 6rem;
    margin-top: 4rem;
    font-size: 4rem;
    width: 22rem;
    border-top: 7px solid #fff;
  }
  .jumbotron a {
    margin: 4.5rem 0 0 6rem;
  }
}
.menu-button {
  border: 1px solid white;
  text-align: center;
  width: 20rem;
  padding-top: 1.5rem;
  height: 5rem;
}
.menu-button p {
  font-size: 1.6rem;
  font-weight: 600;
}

#feature-menu {
  padding: 0 0 5.5rem 0;
  margin-top: 4.5rem;
  /*MID PAGE PARAGRAPH*/
}
#feature-menu h4 {
  font-size: 1.8rem;
  font-weight: 600;
  color: #391918;
  border-top: 3px solid #391918;
  width: 26rem;
  margin: 0 auto 0 auto;
  padding-top: 0.5rem;
}
#feature-menu p:nth-child(2) {
  color: #391918;
  font-family: "Alegreya Sans", sans-serif;
  font-size: 1.8rem;
  margin: 2.5rem 0 2.5rem 0;
  padding: 0 1.5rem 0 1rem;
  line-height: 3rem;
}
#feature-menu img {
  margin: 0 auto 2.5rem auto;
}

/*TEXT TO BE SHON ON IMG HOVER*/
span.text-content {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-family: "Alegreya Sans", sans-serif;
  text-align: center;
  line-height: 3rem;
  padding: 1.5rem;
  cursor: pointer;
  opacity: 0;
  /*VERTICAL ALIGN TEXT CONTAINER IN IMG*/
  position: absolute;
  top: 45%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  /*END OF VERTICAL ALIGNING*/
  -webkit-transition: opacity 800ms;
  -moz-transition: opacity 800ms;
  -o-transition: opacity 800ms;
  transition: opacity 800ms;
}

.feature-img .img-text-wrapper:hover span.text-content {
  opacity: 1;
}

#menu {
  padding: 6rem 0 7rem 0;
  background-color: #391918;
}
#menu h4 {
  font-size: 1.8rem;
  font-weight: 600;
  width: 8.5rem;
  color: #fff;
  border-top: 3px solid #fff;
  padding-bottom: 6rem;
  padding-top: 0.5rem;
  margin: 0 auto 0 auto;
}

figure {
  background: white;
  border: 2px solid white;
  padding: 0 !important;
  -webkit-box-shadow: 0 3px 10px #ccc;
  -moz-box-shadow: 0 3px 10px #ccc;
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 1s ease;
  position: relative;
}

figcaption {
  text-align: center;
  font-style: italic;
  color: black;
  font-weight: 600;
}

figure img {
  width: 100%;
  /* Scale down */
}

figure:hover {
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(1deg);
  /*ROTATE ON HOVER*/
  -webkit-box-shadow: 0 3px 10px #666;
  -moz-box-shadow: 0 3px 10px #666;
}

@media all and (min-width: 1200px) {
  figure:focus {
    outline: none;
    -webkit-transform: rotate(-3deg) scale(2.5);
    -moz-transform: rotate(-3deg) scale(2);
    -webkit-box-shadow: 0 3px 10px #666;
    -moz-box-shadow: 0 3px 10px #666;
    z-index: 9999;
  }
}
#contact {
  color: #391918;
  padding: 6.5rem 0 8rem 0;
}
#contact h4 {
  font-size: 1.8rem;
  font-weight: 600;
  width: 6.5rem;
  border-top: 3px solid #391918;
  padding-top: 0.5rem;
  padding-bottom: 6rem;
  margin: 0 auto 0 auto;
}

/*ADJUST CONTACT SECTION BUTTOM PADDING BELOW 768*/
@media all and (max-width: 767px) {
  #contact {
    padding: 6.5rem 0 3rem 0;
  }
}
.wrapper {
  background-color: #F8F8F8;
  overflow: auto;
}

.contact-info {
  font-family: "Alegreya Sans", sans-serif;
  line-height: 3rem;
  padding: 2rem;
}
.contact-info span {
  font-weight: 700;
}

.myIframe {
  position: relative;
  padding-bottom: 50%;
  height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.myIframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

footer {
  height: 6.5rem;
  background-color: #391918;
  position: relative;
}
footer p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*# sourceMappingURL=style.css.map */