.hero-beandeau .content>div h2.text {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
    width: 500px;
}

@media (max-width: 767px) {
    .hero-beandeau .content>div h2.text {
        font-size: 15px;
    }
}