.hero {
  height: 100vh;
  width: 100%;
  background-size: cover;
  position: relative;
  &__scroll-down {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    &__arrows {
      width: 20px;
      margin-top: 7px;
    }
  }
  @media (max-width: 450px) {
    &__scroll-down {
      bottom: 50px;
    }
  }
}