.hero-section {
 background-repeat: no-repeat;
 background-size: cover;
 padding: 3vw;
}

.hero-small {
 height: 30vh;
}

.hero-medium {
 height: 50vh;
}

.hero-large {
 height: 70vh;
}

.hero-full {
 height: 100vh;
}

@media only screen and (max-width: 720px) {
 .hero-large {
  height: 35vh;
 }
}