.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;
    }
}