#preloader {
  transition: opacity 1s;
}

.fadeOut {
  opacity: 0;
}

.landing {
  height: calc(100vh - 150px);
  position: relative;
  width: 1482px;
  max-width: calc(100% - 52px);
  margin: auto;
}

.hero {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  background-size: cover;
}

#lineholder {
  width: 0;
  max-width: calc(100% - 56px);
  position: absolute;
  top: calc(75% + 50px);
  width: 0;
  margin: auto;
  height: 6px;
  transition: width 3s;
  background: #9f0f25;
  left: 0;
  right: 0;
  z-index: 5;
}

#lineholder.animated {
  width: 1200px;
}

#logoholder {
  z-index: 2;
}

#logoholder .toFade {
  opacity: 0;
  transition: opacity 0.3s;
}

#h4 {
  position: absolute;
  bottom: 90px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 900px;
  max-width: 95%;
  color: #fff;
  z-index: 3;
}
#h4 h1 {
  font-size: 28px;
}