.hero-banner-img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.hero-banner-img img {
    width: 100vw;
    object-fit: cover;
    object-position: top;
}

.hero-banner-content {
    margin: 100px 0px 0px;
}

.hero-banner-title {
    max-width: 710px;
    width: 100%;
    margin-left: 70px;
}

.blog-posts {
    margin: 130px 0px 0px;
}

@media (max-width: 1023px) {
    .hero-banner-content {
        margin: 80px 0px 0px;
    }

    .hero-banner-title {
        margin-left: 0px;
    }
}

@media (max-width: 767px) {
    .hero-banner {
        height: auto;
        padding: 0px 0px 80px;
    }
    .hero-banner-content {
        margin: 40px 0px 0px;
    }
    .hero-banner-title {
        max-width: 100%;
        text-align: center;
    }
    .hero-banner-img img {
        height: 300px;
        object-position: center;
    }
    .blog-posts {
        margin: 0px;
    }
}