@media (min-width: 1200px) {
    .hero {
        padding-top: 106px;
        padding-bottom: 156px;
    }

}

.hero__inner-wrap {
    padding-top: 179px;
    padding-bottom: 174px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 330px) {
    .hero__inner-wrap {
        padding-top: 101px;
        padding-bottom: 218px;
    }
}

@media (min-width: 768px) {
    .hero__inner-wrap {
        padding-bottom: 296px;
        min-height: 800px;
    }
}

@media (min-width: 1200px) {
    .hero__inner-wrap {
        padding-bottom: 400px;
        padding-top: 180px;
    }
}

.hero__title {
    margin: 100px 0 15px 0;
    position: relative;
    z-index: 10;
}

@media (min-width: 768px) {
    .hero__title {
        margin: 200px 0 30px 0;
    }
}

.hero__image-wrap {
    position: relative;
    z-index: 10;
}

.hero__image-bg-wrap {
    position: absolute;
    align-items: center;
    width: 100%;
    top: 0;

}

.hero__image {}