/* Page-title headings are <h1> for SEO; same look as the original <h2> rules. */
.slider-area2 .hero-cap h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 800;
    text-transform: capitalize;
    line-height: 1
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-area2 .hero-cap h1 {
        font-size: 50px
    }
}

@media (max-width: 575px) {
    .slider-area2 .hero-cap h1 {
        font-size: 35px
    }
}