:root{
    --logo-color1-blue:#5050ff;
    --logo-color2-blue:#2626c2;
    --logo-color2-orange:#ff9500;
    --logo-color1-orange:#e1a22c;
 }
 
 .first-one{
    content:''
}

.about-bit1{
    margin: 3rem auto;
    padding: 30px;
    box-shadow: 0 0 25px 1px #d3d0eb;
}
.about-text{
    padding: 30px auto;
    width: 60%;
    display: inline-block;
    margin:10px;
}
.about-image{
    width: 35%;
    display: inline-block;
}

h2{
    font-size: 3rem;
}

h1, h2{
    /* color:rgb(154, 11, 101); */
    color:var(--logo-color2-orange);
    font-style: sans-serif;
}
h1{
    margin: 30px auto;
    text-align: center;
    font-size: 4rem;
}
h4{
    margin:0;
}
p{
    font-size: 18px;
    color:var(--logo-color2-blue);
    margin:0;
}
.about-text > hr{
    width: 25%;
    height: 10px;
    background-color:rgb(0, 244, 163);
    
}
.courses-button{
   display: inline-block;
   border: 2px solid #ffe100b0;
   border-radius: 25px;
   color:white;
   background-color:var(--logo-color2-orange);
   margin: 25px auto;
   padding: 10px;
   height: 50px;
   font-size: 17px;
   box-shadow: 0px 0px 7px  #ffffff;
}
.courses-button:hover{
   border: 2px solid #ffffffb0;
   color:white;
   background-color:var(--logo-color2-orange);
   box-shadow: 0px 0px 10px  #ffffff;
   font-size: 18px;
   transition:all 0.5s;
}

.team{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:center;
    align-items:center;
    gap: 20px;
}
.team-member{
    min-width: 220px;
    height:350px;
    width: 12vw;
    box-shadow: 0 0 15px 1px #d9d8d8;
    margin: 0 10px;
    padding: 0 5px;
    text-align: center;
    background-color: #ebeff5;
}
.team-member > a{
    text-decoration: none;
    color: black;
}
.member-photo{
    width:200px;
    padding:10px 20px;
}
@media (max-width: 800px) {
    
    .about-bit1{
        margin: 2rem auto;
        padding: 20px;
    }
    .about-text{
        padding: 30px auto;
    }
    .about-image, .about-text{
        width: 100%;
        display: block;
        text-align:center;
        margin: 10px;
    }
    
    h2{
        font-size: 2rem;
    }
    h1{
        margin: 20px auto;
        font-size: 3rem;
    }
    hr{
        width: 25%;
        height: 5px;
        color:rgb(0, 244, 163);
    }
    .courses-button{
       display: inline-block;
       border: 2px solid #ffe100b0;
       border-radius: 25px;
       color:white;
       background-color:var(--logo-color2-orange);
       margin: 25px auto;
       padding: 10px;
       height: 50px;
       font-size: 17px;
       box-shadow: 0px 0px 7px  #ffffff;
   }
   .courses-button:hover{
       border: 2px solid #ffffffb0;
       color:white;
       background-color:var(--logo-color2-orange);
       box-shadow: 0px 0px 10px  #ffffff;
       font-size: 18px;
       transition:all 0.5s;
   }
    
    .team{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content:space-evenly;
        align-items:center;
        gap: 10px;
    }
    .team-member{
        min-width: 250px;
        width: 100%;
        margin:10 auto;
        padding: 10px 0;
        text-align: center;
    }
  }


/* @media (max-width: 800px) {
    .team-member {
      flex: 100%;
    }
  }

  .member-photo{
    width: 250px;
    max-width: 100%;
  }




.about-bit1{
    margin: 20px auto;
    padding: 20px auto;
    width: 80%;
    height: 40vh;
}
.about-text{
    display: inline block;
    width: 60%;
}
.about-image{
    display: inline;
    width: 30%;
} */