.hero-title {
    background-color: var(--hero-background-color);    
    padding: 2.5rem 0;
    display: flex;
    align-items: center;
}
    .hero-title h4 {
        margin: 0;
        font-weight: 500;
        letter-spacing: .5rem;
        color: var(--hero-title-color);
        text-transform: uppercase;
        text-align: center;
    }
        .hero-title .left {
            text-align: left;
        }
        .hero-title .right {
            text-align: right;
        }

@media (max-width: 1200px) {
    .hero-title h4 {
        font-size: 1.8rem;
        font-weight: 500;
    }
}