h1 {
    font-size: 32px;
    margin-block: 0px;
}
.home-bg {
  background-color: lightgrey;
}

.full-screen {
  height: 100vh;
  width: 100%;
  /* Foloowing hacks are due to buggy behavior of the "vh" unit in iOS7 */
  /* iPad in portrait*/
  /* iPad in landscape */
  /* iPhone 5 & 5S in portrait */
  /* iPhone 5 & 5S in landscape */
  /* iPhone 2G-4S in portrait */
  /* iPhone 2G-4S in landscape */
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .full-screen {
    height: 1024px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .full-screen {
    height: 768px;
  }
}

@media only screen and (device-aspect-ratio: 40/71) and (orientation: portrait) {
  .full-screen {
    height: 568px;
  }
}

@media only screen and (device-aspect-ratio: 40/71) and (orientation: landscape) {
  .full-screen {
    height: 320px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (device-aspect-ratio: 2/3) and (orientation: portrait) {
  .full-screen {
    height: 480px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (device-aspect-ratio: 2/3) and (orientation: landscape) {
  .full-screen {
    height: 320px;
  }
}


/*============================
= Home Section               =
============================*/
.home-section {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.hs-content {
  position: absolute;
  top: 0;
  left: 0;
  display: table;
  height: 100%;
  width: 100%;
  color: #ffffff;
}

.hs-content-inner {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  padding: 0 15px;
  z-index: 5;
}

.hs-content-inner>div {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.scroll-down-arrow {
  position: absolute;
  bottom: 0;
  left: calc(50% - 13px);
  width: 26px;
  height: 50px;
  -webkit-animation-name: fadeInOutDown;
  animation-name: fadeInOutDown;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  z-index: 6;
}

.scroll-down-arrow a {
  font-size: 28px;
  text-align: center;
}


.parallax-hero,
.zoom-hero {
  position: fixed;
  top: 0;
  left: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-section-bg {
  position: absolute;
  height: 120vh !important;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.mobile .parallax-section-bg {
  height: 100% !important;
}

.zoom-hero {
  background-attachment: fixed;
}

.scaled-up {
  -webkit-transform: scale3d(1.4, 1.4, 1);
  transform: scale3d(1.4, 1.4, 1);
}

#logo-svg-hs {
  width: 400px;
}