@media (min-width: 768px) and (max-width: 1199.98px) {
    .team-content {
        padding-left: 30px;
    }

    h1,
    .contact h2 {
        font-size: 34px;
    }

    .blog-container {
        padding: 0px 8rem 4rem;
    }

    .blog-container .heading-section {
        left: -8rem;
        width: calc(100% + 8rem);
    }
    .blog-container .heading-section h1 {
        font-size: 30px;
        line-height: 30px;
    }
}

@media (max-width: 768px) {
    h2 {
        font-size: 20px;
    }

    .hero h1 {
        font-size: 24px;
    }

    .hero img {
        object-fit: cover;
        min-height: 300px;
    }

    .team-images {
        margin-bottom: 20px;
    }

    .team-content {
        padding-left: 0;
    }

    .contact h2 {
        font-size: 26px;
    }

    .blog-container {
        padding: 0px 5rem 4rem;
    }

    .blog-container .heading-section {
        left: -5rem;
        width: calc(100% + 5rem);
    }
}

@media (max-width: 575.98px) {
    .hero h1 {
        font-size: 20px;
    }

    .blog-container {
        padding: 0 2rem;
    }

    .blog-container .heading-section {
        padding: 2rem;
        left: -2rem;
        width: calc(100% + 4rem);
    }

    .blog-container .heading-section h1 {
        font-size: 20px;
        line-height: 20px;
    }
}