.hero   {
    min-height: 600px;
    background-image: url("/img/hero.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


ul.without-dots li {
    list-style-type: none;
}


@media all and (max-width: 1500px) {
    .hero {
        height: 300px;
    }
}

@media all and (max-width: 420px) {
    .hero {
        height: 150px;
    }

    .header-container {
        font-size: 0.5em;
    }
}


@media screen and (max-height 600px) {
    .hero {
        height: 150px;
    }
}