.green-text {
   color: #51bb69;
 }

 .main-color {
   color: #A2B8C5;
 }

#main-team-div {
  margin: 7% 0 0 0;
  max-width: 100%;
  background-color: #ffff;
  display: grid;
  grid-template-columns: auto auto;
}

.img-left-half {
  max-width: 100%;

}

#team-intro {
  padding: 5%;
  margin-top: 2%;
}

#team-intro p, #team-intro h1{
  color: #000;
}

#about-us2 {
  display: grid;
  padding: 5%;
  grid-template-columns: 70% 30%;
}

/* Bigger tablets and laptops */
@media only screen and (min-width: 769px) and (max-width: 1214px) {

  #main-team-div {
    margin: 7% 0 0 0;
    max-width: 100%;
    height: 30vh;
    background-color: #ffff;
  }
  #main-team-div p {
    padding: 0px 5%;
  }

  #about-us2 {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 100%;
  }

  img.img-circle {
    max-width: 75%;
    margin-top: 3%;
  }

}

/* Tablets */
@media only screen and (min-width: 415px) and (max-width: 768px) {
 
  #team-photo {
    display: none;
  }

  #main-team-div {
    margin: 7% 0 0 0;
    max-width: 100%;
    height: 40vh;
    background-color: #ffff;
  }
  #main-team-div p {
    padding: 0px 5%;
  }

  #about-us2 {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 100%;
    
  }

}

/* Phones */
@media only screen and (max-width: 414px) {

  #team-photo {
    display: none;
  }

  #main-team-div {
    margin: 14% 0 0 0;
    max-width: 100%;
    height: 75vh;
    background-color: #ffff;
  }
  #main-team-div p {
    padding: 0px 5%;
  }

  #about-us2 {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 100%;
  }

  img.img-circle {
    max-width: 75%;
    margin-top: 7%;
  }
}