/* Responsive text sizes */
.responsive-text {
    font-size: 1rem; /* mobile default */
}

.responsive-heading {
    font-size: 1.25rem; /* mobile heading */
}
/* mobile phone */
@media (min-width: 408px) {
    .responsive-text {
        font-size: 3.5rem;
    }
    .responsive-heading {
        font-size: 3.9rem;
    }
}

/* Tablet */
@media (min-width: 768px) {
    .responsive-text {
        font-size: 2.1rem;
    }
    .responsive-heading {
        font-size: 2.5rem;
    }
}

/* Laptop/Desktop */
@media (min-width: 992px) {
    .responsive-text {
        font-size: 1.2rem;
    }
    .responsive-heading {
        font-size: 1.75rem;
    }
}

/* Large desktop */
@media (min-width: 1200px) {
    .responsive-text {
        font-size: 1.3rem;
    }
    .responsive-heading {
        font-size: 2rem;
    }
}

/* Responsive images */
.responsive-img {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
}