/* CSS Document */

#hero {
  position: relative;
}
#hero-video {
  height: auto;
  vertical-align: middle;
  width: 100%;
  display: block;
  max-height: 30rem;
  object-fit: cover;
  object-position: 50% 100%;
}
#hero-content {
  background: rgba(255,255,255,0.7);
background: linear-gradient(rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.9) 100%);
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#hero-tagline {
  background: rgba(255,255,255,0.4);
  position: absolute;
  right: 0; bottom: 0; left: 0;
  display: flex;
  align-items: left;
  justify-content: center;
  text-align: center;
  padding: 1rem;
  color: #706F6F;
font-family: 'Urbanist', sans-serif;
    font-weight: 400 !important;
  font-size: 1.5rem;
    letter-spacing: 0.03em;
}
#hero-tagline strong {
font-family: 'Urbanist', sans-serif;
    font-weight: 900 !important;
}

#hero-content img.logo {
  width: 80%;
  max-width: 800px;
  height: auto;
  vertical-align: middle;
    padding-bottom: 5rem;
}