.main{
    /* overflow-y: hidden; */
    position:relative;
}

.main > h1{
    text-align:center;
    margin:1rem auto;
}

.about_us_logo{
    max-width:1000px;
    height:auto;
}
@media (max-width:1100px){
    .about_us_logo{
        max-width:800px;
    }
}
.about_us_logo img{
    object-fit: cover;
}

.backdrop{
    width:max-content;
    margin:0rem auto 2rem auto;
}
@media (max-width:1100px){
    .backdrop{
        margin:0rem auto;
    }
}
@media (min-width:850px) and (max-width:1100px){
    .about_us_logo{
        max-width:800px;
    }
}
@media (min-width:667px) and (max-width:850px){
    .about_us_logo{
        max-width:600px;
    }
}
@media (max-width:667px){
    .about_us_logo{
        max-width:90vw;
    }
}

/*@media (max-width:1205px){
    .backdrop{
        width:96%;
    }
}

@media (min-width:424px) and (max-width:598px){
    .backdrop{
        height:350px;
    }
}

@media (min-width:374px) and (max-width:424px){
    .backdrop{
        height:300px;
    }
}

@media (max-width:374px){
    .backdrop{
        height:250px;
    }
}*/
.main > section{
    width:70%;
    margin:2rem auto;
    text-align:center;
}

.main > section > h2{
    margin-bottom:1rem;
}

.main > section > ol{
    text-align:center;
    width:max-content;
    margin: 2rem auto 2rem auto;
}

.main > section > ol > li{
    width:max-content;
}