@charset "utf-8";

.hero-image{
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;
}

.hero-image.home-hero{
  height: 80vh;
}

.hero-image h3{
  font-weight: 300;
  margin: 1rem 0 2rem 0;
}

.hero-image .hero-text-container{
  color: #fff;
}

.hero-image.page-hero{
  height: 60vh;
  min-height: 450px;
}

.hero-image.page-hero .hero-text-container h1{
  font-size: 70px;
  font-weight: 400;
}

.hero-text-container h1{
  font-family: 'Playfair Display', serif;
  font-size: 54px;
  font-weight: 400;

  -moz-text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
  -webkit-text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
}

.hero-text-container h2,
.hero-text-container h3,
.hero-text-container h4{
  -moz-text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
  -webkit-text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
}
.hero-text-container h4{
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 0.25rem;
}

.hero-text-container h3{
  font-size: 26px;
}

#main-content-chevron{
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: 0;
}

.landing-gradient{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 15%, rgba(0, 0, 0, 0.3) 25%, transparent 40%);
}