#about-us {
    background: var(--obc-cream);
    color: var(--obc-brown);
}

#about-us h1 {
    margin: 0;
    padding: 2rem 4rem;
    color: var(--obc-yellow);
}

#about-us .hero-img {
    border-right: 10px solid var(--obc-yellow);
    min-height: 40vh;
}

#about-us .overlay {
    background: rgba(255, 255, 255, .3);
    border-radius: 25px;
    margin: 2rem;
}

#about-us .overlay h2 {
    padding: 5vh 10vw;
    font-family: 'Dancing Script', cursive;
    font-size: 5rem;
    text-align: center;
}

#about-us .para {
    padding: 2rem 3rem 3rem;
}

/*MEDIA QUERIES*/
@media (max-width:1400px) {}

@media (max-width:1300px) {
    #about-us .para {
        padding: 2rem;
    }
}

@media (max-width:1024px) {}


@media (max-width:992px) {
    #about-us .overlay h2 {
        font-size: 3rem;
    }

    #about-us .hero-img {
        border-right: none;
    }
}


@media (max-width:768px) {}


@media (max-width:532px) {
    #about-us .para {
        padding: 1rem;
    }
}