.hero-header {
    margin-top: 165px;
    margin-bottom: 51px;
    text-align: center;
}

.hero-header-title,
p.hero-header-subtitle {
    color: #fff;
}

.hero-header-title {
    font-size: 46px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 9px;
}

.hero-header-subtitle {
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .hero-header {
        text-align: left;
    }
}

@media (min-width: 992px) {
    .hero-header {
        margin-top: 225px;
        margin-bottom: 87px;
    }
    .hero-header-title {
        font-size: 54px;
        margin-bottom: 0;
    }
}