.hero {
    padding-bottom: 60px;
}

.hero.content-module {
    padding-top: 60px;
}

.hero img {
    max-width: 600px;
    display: block;
    margin: auto;
    margin-bottom: 50px;
    max-height: 420px;
}

.hero h1 {
    text-align: center;
    margin: 0;
    line-height: 0px;
}

.hero h1 .big-title {
    font-size: 96px;
    line-height: 96px;
    font-weight: bold;
    letter-spacing: -1.97px;
    display: block;
}

.hero.content-width {
    max-width: 100%;
}

.hero .inner {
    padding: 0 ;
    max-width: 100%;
    margin: 0 auto;
}

.window-width.hero img {
    max-width: 100%;
    display: block;
    margin: auto;
    margin-bottom: 50px;
    max-height: none;
    height: auto;
}


@media screen and (max-width: 768px) {
    .hero h1 .big-title {
        font-size: 72px;
        line-height: 72px;
        letter-spacing: -1.48px;
    }


}

@media screen and (max-width: 480px) {
    .hero img {
        width: 100%;
    }
}

@media screen and (max-width: 479px) {
    .hero {
        padding-bottom: 24px;
    }

    .hero img {
        margin-bottom: 24px;
        max-height: 210px;
    }

    .hero.content-module {
        padding-top: 0px;
    }

    .hero h1 .big-title  {
        font-size: 48px;
        font-weight: bold;
        letter-spacing: -0.99px;
        line-height: 48px;
    }
}