.pageHero {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 40svh;
    display: flex;
    align-items: flex-end;
    padding: 6rem 0
}

.overlay {
    width: 100%;
    height: 30svh;
    background-color: var(--overlay);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 0 3rem 4rem;
}

.pageTitle {
    font-size: 6rem;
}

.aboutUsSection {
    background-color: var(--brown);
    display: flex;
    flex-wrap: wrap-reverse;
    align-items: center;
    justify-content: space-evenly;
    padding: 6rem 0;
}

.aboutUsArticle {
    width: 45%;
    /* background-color: pink; */
    font-size: 3rem;
    line-height: 1.6;
    color: #fff;
}

.sectionImage {
    width: 45%;
    height: 60svh;
    object-fit: cover;
}

.imageSection {
    background-color: var(--beige);
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 6rem 0;
    overflow-y: scroll;
}

.image {
    width: 350px;
    height: 350px;
    object-fit: cover;
}

/* responsive1 */
@media (max-width: 1700px) {

}

/* responsive2*/
@media (max-width:1500px) {
    .pageHero {
        /* background-position: center; */
        /* background-repeat: no-repeat; */
        /* background-size: cover; */
        /* height: 40svh; */
        /* display: flex; */
        /* align-items: flex-end; */
        /* padding: 6rem 0 */
    }
    
    .overlay {
        /* width: 100%; */
        /* height: 30svh; */
        /* background-color: var(--overlay); */
        /* display: flex; */
        /* flex-direction: column; */
        /* justify-content: flex-end; */
        /* padding: 0 0 3rem 4rem; */
    }
    
    .pageTitle {
        /* font-size: 6rem; */
    }
    
    .aboutUsSection {
        /* background-color: var(--brown); */
        /* display: flex; */
        /* flex-wrap: wrap-reverse; */
        /* align-items: center; */
        /* justify-content: space-evenly; */
        /* padding: 6rem 0; */
    }
    
    .aboutUsArticle {
        /* width: 45%; */
        /* background-color: pink; */
        /* font-size: 3rem; */
        /* line-height: 1.6; */
        /* color: #fff; */
    }
    
    .sectionImage {
        /* width: 45%; */
        /* height: 60svh; */
        /* object-fit: cover; */
    }
    
    .imageSection {
        /* background-color: var(--beige); */
        /* display: flex; */
        /* align-items: center; */
        /* justify-content: space-evenly; */
        /* padding: 6rem 0; */
        /* overflow-y: scroll; */
        column-gap: 1%;
    }
    
    .image {
        /* width: 350px; */
        /* height: 350px; */
        /* object-fit: cover; */
    }
}

/* responsive3 */
@media (max-width:1350px) {  
    .pageHero {
        /* background-position: center; */
        /* background-repeat: no-repeat; */
        /* background-size: cover; */
        /* height: 40svh; */
        /* display: flex; */
        /* align-items: flex-end; */
        /* padding: 6rem 0 */
    }
    
    .overlay {
        /* width: 100%; */
        /* height: 30svh; */
        /* background-color: var(--overlay); */
        /* display: flex; */
        /* flex-direction: column; */
        /* justify-content: flex-end; */
        /* padding: 0 0 3rem 4rem; */
    }
    
    .pageTitle {
        /* font-size: 6rem; */
    }
    
    .aboutUsSection {
        /* background-color: var(--brown); */
        /* display: flex; */
        /* flex-wrap: wrap-reverse; */
        /* align-items: center; */
        /* justify-content: space-evenly; */
        /* padding: 6rem 0; */
    }
    
    .aboutUsArticle {
        /* width: 45%; */
        /* background-color: pink; */
        font-size: 2.5rem;
        /* line-height: 1.6; */
        /* color: #fff; */
    }
    
    .sectionImage {
        /* width: 45%; */
        height: 50svh;
        /* object-fit: cover; */
    }
    
    .imageSection {
        /* background-color: var(--beige); */
        /* display: flex; */
        /* align-items: center; */
        /* justify-content: space-evenly; */
        /* padding: 6rem 0; */
        /* overflow-y: scroll; */
        /* column-gap: 1%; */
    }
    
    .image {
        width: 320px;
        height: 320px;
        /* object-fit: cover; */
    }
}

/* responsive4 */
@media (max-width:1249px) {
    .pageHero {
        /* background-position: center; */
        /* background-repeat: no-repeat; */
        /* background-size: cover; */
        /* height: 40svh; */
        /* display: flex; */
        /* align-items: flex-end; */
        /* padding: 6rem 0 */
    }
    
    .overlay {
        /* width: 100%; */
        /* height: 30svh; */
        /* background-color: var(--overlay); */
        /* display: flex; */
        /* flex-direction: column; */
        /* justify-content: flex-end; */
        /* padding: 0 0 3rem 4rem; */
    }
    
    .pageTitle {
        font-size: 5rem;
    }
    
    .aboutUsSection {
        /* background-color: var(--brown); */
        /* display: flex; */
        /* flex-wrap: wrap-reverse; */
        /* align-items: center; */
        /* justify-content: space-evenly; */
        /* padding: 6rem 0; */
    }
    
    .aboutUsArticle {
        /* width: 45%; */
        /* background-color: pink; */
        font-size: 2.2rem;
        /* line-height: 1.6; */
        /* color: #fff; */
    }
    
    .sectionImage {
        /* width: 45%; */
        height: 50svh;
        /* object-fit: cover; */
    }
    
    .imageSection {
        /* background-color: var(--beige); */
        /* display: flex; */
        /* align-items: center; */
        /* justify-content: space-evenly; */
        /* padding: 6rem 0; */
        /* overflow-y: scroll; */
        /* column-gap: 1%; */
    }
    
    .image {
        width: 200px;
        height: 200px;
        /* object-fit: cover; */
    }
}

/* responsive5 */
@media (max-width:1024px) {
    .pageHero {
        /* background-position: center; */
        /* background-repeat: no-repeat; */
        /* background-size: cover; */
        /* height: 40svh; */
        /* display: flex; */
        /* align-items: flex-end; */
        /* padding: 6rem 0 */
    }
    
    .overlay {
        /* width: 100%; */
        /* height: 30svh; */
        /* background-color: var(--overlay); */
        /* display: flex; */
        /* flex-direction: column; */
        /* justify-content: flex-end; */
        /* padding: 0 0 3rem 4rem; */
    }
    
    .pageTitle {
        /* font-size: 5rem; */
    }
    
    .aboutUsSection {
        /* background-color: var(--brown); */
        /* display: flex; */
        /* flex-wrap: wrap-reverse; */
        /* align-items: center; */
        /* justify-content: space-evenly; */
        /* padding: 6rem 0; */
    }
    
    .aboutUsArticle {
        /* width: 45%; */
        /* background-color: pink; */
        font-size: 2rem;
        /* line-height: 1.6; */
        /* color: #fff; */
    }
    
    .sectionImage {
        /* width: 45%; */
        /* height: 70svh; */
        /* object-fit: cover; */
    }
    
    .imageSection {
        /* background-color: var(--beige); */
        /* display: flex; */
        /* align-items: center; */
        /* justify-content: space-evenly; */
        /* padding: 6rem 0; */
        /* overflow-y: scroll; */
        /* column-gap: 1%; */
    }
    
    .image {
        width: 180px;
        height: 180px;
        /* object-fit: cover; */
    }
}

/* responsive6 */
@media (max-width:911px) {  
    .pageHero {
        /* background-position: center; */
        /* background-repeat: no-repeat; */
        /* background-size: cover; */
        /* height: 40svh; */
        /* display: flex; */
        /* align-items: flex-end; */
        /* padding: 6rem 0 */
    }
    
    .overlay {
        /* width: 100%; */
        /* height: 30svh; */
        /* background-color: var(--overlay); */
        /* display: flex; */
        /* flex-direction: column; */
        /* justify-content: flex-end; */
        /* padding: 0 0 3rem 4rem; */
    }
    
    .pageTitle {
        /* font-size: 5rem; */
    }
    
    .aboutUsSection {
        /* background-color: var(--brown); */
        /* display: flex; */
        /* flex-wrap: wrap-reverse; */
        /* align-items: center; */
        /* justify-content: space-evenly; */
        /* padding: 6rem 0; */
    }
    
    .aboutUsArticle {
        /* width: 45%; */
        /* background-color: pink; */
        /* font-size: 2rem; */
        /* line-height: 1.6; */
        /* color: #fff; */
    }
    
    .sectionImage {
        /* width: 45%; */
        height: 60svh;
        /* object-fit: cover; */
    }
    
    .imageSection {
        /* background-color: var(--beige); */
        /* display: flex; */
        /* align-items: center; */
        /* justify-content: space-evenly; */
        /* padding: 6rem 0; */
        /* overflow-y: scroll; */
        /* column-gap: 1%; */
    }
    
    .image {
        width: 150px;
        height: 150px;
        /* object-fit: cover; */
    }
}

/* responsive7 */
@media (max-width:767px) {
    .pageHero {
        /* background-position: center; */
        /* background-repeat: no-repeat; */
        /* background-size: cover; */
        /* height: 40svh; */
        /* display: flex; */
        /* align-items: flex-end; */
        /* padding: 6rem 0 */
    }
    
    .overlay {
        /* width: 100%; */
        /* height: 30svh; */
        /* background-color: var(--overlay); */
        /* display: flex; */
        /* flex-direction: column; */
        /* justify-content: flex-end; */
        /* padding: 0 0 3rem 4rem; */
    }
    
    .pageTitle {
        /* font-size: 5rem; */
    }
    
    .aboutUsSection {
        /* background-color: var(--brown); */
        /* display: flex; */
        /* flex-wrap: wrap-reverse; */
        /* align-items: center; */
        /* justify-content: space-evenly; */
        /* padding: 6rem 0; */
    }
    
    .aboutUsArticle {
        /* width: 45%; */
        /* background-color: pink; */
        /* font-size: 2rem; */
        /* line-height: 1.6; */
        /* color: #fff; */
    }
    
    .sectionImage {
        /* width: 45%; */
        height: 90svh;
        /* object-fit: cover; */
    }
    
    .imageSection {
        /* background-color: var(--beige); */
        /* display: flex; */
        /* align-items: center; */
        /* justify-content: space-evenly; */
        /* padding: 6rem 0; */
        /* overflow-y: scroll; */
        /* column-gap: 1%; */
    }
    
    .image {
        /* width: 150px; */
        /* height: 150px; */
        /* object-fit: cover; */
    }
}

/* responsive8 */
@media (max-width:639px) {
    .pageHero {
        /* background-position: center; */
        /* background-repeat: no-repeat; */
        /* background-size: cover; */
        height: 20svh;
        /* display: flex; */
        /* align-items: flex-end; */
        padding: 3rem 0
    }
    
    .overlay {
        /* width: 100%; */
        height: 15svh;
        /* background-color: var(--overlay); */
        /* display: flex; */
        /* flex-direction: column; */
        /* justify-content: flex-end; */
        /* padding: 0 0 3rem 4rem; */
    }
    
    .pageTitle {
        font-size: 4rem;
    }
    
    .aboutUsSection {
        /* background-color: var(--brown); */
        /* display: flex; */
        /* flex-wrap: wrap-reverse; */
        /* align-items: center; */
        /* justify-content: space-evenly; */
        /* padding: 6rem 0; */
        row-gap: 2rem;
    }
    
    .aboutUsArticle {
        width: 90%;
        /* background-color: pink; */
        /* font-size: 2rem; */
        /* line-height: 1.6; */
        /* color: #fff; */
    }
    
    .sectionImage {
        width: 90%;
        height: 50svh;
        /* object-fit: cover; */
    }
    
    .imageSection {
        /* background-color: var(--beige); */
        /* display: flex; */
        /* align-items: center; */
        /* justify-content: space-evenly; */
        /* padding: 6rem 0; */
        /* overflow-y: scroll; */
        column-gap: 2%;
    }
    
    .image {
        min-width: 150px;
        /* height: 150px; */
        /* object-fit: cover; */
    }
}

/* responsive9 */
@media (max-width:430px) {
    .pageHero {
        /* background-position: center; */
        /* background-repeat: no-repeat; */
        /* background-size: cover; */
        height: 15svh;
        /* display: flex; */
        /* align-items: flex-end; */
        padding: 2rem 0
    }
    
    .overlay {
        /* width: 100%; */
        height: 15svh;
        /* background-color: var(--overlay); */
        /* display: flex; */
        /* flex-direction: column; */
        /* justify-content: flex-end; */
        padding: 0 0 1rem 2rem;
    }
    
    .pageTitle {
        font-size: 3rem;
    }
    
    .aboutUsSection {
        /* background-color: var(--brown); */
        /* display: flex; */
        /* flex-wrap: wrap-reverse; */
        /* align-items: center; */
        /* justify-content: space-evenly; */
        padding: 3rem 0;
        /* row-gap: 2rem; */
    }
    
    .aboutUsArticle {
        /* width: 90%; */
        /* background-color: pink; */
        /* font-size: 2rem; */
        /* line-height: 1.6; */
        /* color: #fff; */
        text-align: center;
    }

    .aboutUsArticle ul {
        text-align: left;
    }
    
    .sectionImage {
        /* width: 90%; */
        /* height: 50svh; */
        /* object-fit: cover; */
    }
    
    .imageSection {
        /* background-color: var(--beige); */
        /* display: flex; */
        flex-wrap: wrap;
        /* align-items: center; */
        /* justify-content: space-evenly; */
        /* padding: 6rem 0; */
        /* overflow-y: scroll; */
        /* column-gap: 2%; */
        row-gap: 2rem;
    }
    
    .image {
        min-width: 100px;
        height: 100px;
        /* object-fit: cover; */
    }
}