.hero-container {
    align-items: center;
    background: #FFFFFF;
    border: 2px solid #0FC191;
    border-radius: 10px;
    color: #0FC191;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    max-width: 1200px;
    min-height: 90px;
    text-align: center;
    width: 100%;
}

@media screen and (min-width: 960px) {
    .hero-container {
        border-radius: 20px;
        height: 180px;
    }
}

.hero-container>.item {
    align-content: center;
    flex: 0 1 50%;
}

.hero-container>.item:first-child {
    border-right: 1px solid #CBCED2;
}

.hero-container .bigText,
.hero-container .topText,
.hero-container .underText {
    width: 100%;
}

.hero-container .bigText {
    font-size: 2.5rem;
    font-weight: 900;
}

@media screen and (min-width: 960px) {
    .hero-container .bigText {
        font-size: 4rem;
    }
}

.hero-container .topText {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 0.2em;
}

@media screen and (min-width: 960px) {
    .hero-container .topText {
        font-size: 2.6rem;
    }
}

.hero-container .underText {
    font-size: 2.2rem;
    font-weight: 900;
}

@media screen and (min-width: 960px) {
    .hero-container .underText {
        font-size: 4rem;
    }
}