/* ======================================================== */
/* Elements in the About Us page */
/* ======================================================== */
 .main-about-box {
     display: flex;
     flex-direction: row;
    /* flex-wrap:wrap;
     */
     justify-content:space-evenly;
     margin: 30px auto;
     padding: 30px 0;
     width:90%;
    /* background-color: bisque;
     */
     gap: 40px;
}
 .about-box-one {
     flex: 3;
    /* border:2px solid green;
     */
    /* color: #16371E;
     */
     color:#113f11;
     font-weight: 600;
}
 .about-box-two {
     flex: 2;
     color: #16371E;
     padding:0;
    /* border:2px solid orange;
     */
}
 div.bio-image {
     width:350px;
     margin:40px auto 0;
    /* box-shadow: 6px 6px 12px rgba(75, 53, 53, 0.6);
     */
}
 .bio-image img {
     border:20px solid #55604C;
     border:20px solid #fff;
     box-shadow: 6px 6px 12px #33442eb3;
}
 .bio h1 {
     font-size:1.3rem;
     color:#225F32;
}
 .bio-box p {
     padding:20px 12px 12px 12px;
     color:#113f11;
     font-weight: 400;
     line-height:1.4rem;
     font-size:1rem;
}
 .bio-box {
     background-image: none;
    
     background-color:#FFFEF8;
}
/* ============================================*/
/* Media Queries up to 900px */
/* ============================================*/
 @media(max-width:800px) {
     .main-about-box {
         flex-direction: column-reverse;
    }
     div.bio-image {
         margin-top:0;
    }
}
/* ============================================*/
/* Media Queries up to 700px */
/* ============================================*/
 @media(max-width:700px) {
     div.bio-image {
         margin-top:0;
    }
}