.main {
  margin-top: 5%;
}
.main .image {
  display: flex;
  justify-content: center;
}

.main .image img {
  width: 40%;
  height: 40%;
}

.main .image .lines {
  width: 30%;
}

.main .missionVisionContainer {
  display: flex;
  justify-content: space-around;
  text-align: center;
  font-family: 'Life Savers';
  margin-top: 5%;
  margin-bottom: 5%;
}

.main .missionVisionContainer .mission, .main .missionVisionContainer .vision {
  width: 30%;
  border: thick solid rgba(0,80,245,0.67);
  border-radius: 20px;
  font-size: 120%;
  box-shadow: 10px 10px rgba(0,80,245,0.20);
}

.main .missionVisionContainer .mission .h1, .main .missionVisionContainer .vision .h1 {
  background-color: rgba(0,80,245,0.67);
  border-radius: 15px 15px 0px 0px;
  padding-top: 0.1%;
}

.main .missionVisionContainer .mission p, .main .missionVisionContainer .vision p, ul {
  margin: 4%;
}

.main .goalsContainer  {
  margin-top: 5%;
  display: flex;
  justify-content: space-around;
}

.main .goalsContainer .goals {
  text-align: center;
  width: 40%;
  margin: auto;
  font-family: 'Life Savers';
  border: thick solid rgba(255, 207, 8, 0.67);
  border-radius: 20px;
  font-size: 120%;
  box-shadow: 10px 10px rgba(255, 207, 8, 0.20);
}

.main .goalsContainer .goals .h1 {
  background-color: rgba(255, 207, 8, 0.67);
  border-radius: 15px 15px 0px 0px;
  padding-top: 0.1%;
}

.main .goalsContainer > .lines {
  width: 100%;
  margin: 2% auto;
}

.main .goalsContainer .lines .redLine, .main .goalsContainer .lines .blueLine, .main .goalsContainer .lines .yellowLine {
  margin-bottom: 0.7%;
}

.main .boardPartnersContainer  {
  display: flex;
  justify-content: space-around;
  margin-top: 5%;
  margin-bottom: 5%;
}

.main .boardPartnersContainer .board, .main .boardPartnersContainer .businessPartners {
  text-align: center;
  font-family: 'Life Savers';
  border: thick solid rgba(255, 32, 50, 0.67);
  border-radius: 20px;
  font-size: 120%;
  box-shadow: 10px 10px rgba(255, 32, 50, 0.20);
  width: 30%;
}

.main .boardPartnersContainer .board .h1, .main .boardPartnersContainer .businessPartners .h1 {
  background-color: rgba(255, 32, 50, 0.67);
  border-radius: 15px 15px 0px 0px;
  padding-top: 0.1%;
}

.main .boardPartnersContainer .businessPartners p {
  margin: 4%;
}

.main .lines {
  width: 100%;
  margin: 2% auto;
}

.main .lines .redLine, .main .lines .blueLine, .main .lines .yellowLine {
  margin-bottom: 0.7%;
}

.main .programsOfferedContainer .h1Heading h1 {
  text-align: center;
  font-size: 250%;
  padding-top: 0.5%;
  padding-bottom: 0.5%;
  background-color: rgba(255, 207, 8, 0.67);
  border: thin solid rgb(255, 207, 8);
}

.main .programsOfferedContainer .programsOffered  {
  display: flex;
  justify-content: space-around;
  margin-top: 5%;
  margin-bottom: 5%;
}

.main .programsOfferedContainer .programsOffered .birthTo5, .main .programsOfferedContainer .programsOffered .sixTo10 {
  text-align: center;
  font-family: 'Life Savers';
  border: thick solid rgba(0,80,245,0.67);
  border-radius: 20px;
  font-size: 120%;
  box-shadow: 10px 10px rgba(0, 80, 245, 0.20);
  width: 30%;
}

.main .programsOfferedContainer .programsOffered .birthTo5 .h1, .main .programsOfferedContainer .programsOffered .sixTo10 .h1 {
  background-color: rgba(0,80,245,0.67);
  border-radius: 15px 15px 0px 0px;
  padding-top: 0.1%;
}

.main .programsOfferedContainer .programsOffered .birthTo5 p, .main .programsOfferedContainer .programsOffered .sixTo10 p {
  margin: 4%;
}

.main .programsOfferedContainer .programsOffered .birthTo5 img, .main .programsOfferedContainer .programsOffered .sixTo10 img  {
  width: 100%;
}

@media (max-width: 800px) {
  .main .image img {
    width: 60%;
    height: 60%;
  }

  .main .image .lines {
    width: 20%;
  }

  .main .missionVisionContainer .mission, .main .missionVisionContainer .vision, .main .goalsContainer .goals, .main .boardPartnersContainer .board, .main .boardPartnersContainer .businessPartners, .main .programsOfferedContainer .programsOffered .birthTo5, .main .programsOfferedContainer .programsOffered .sixTo10 {
    width: 90%;
    margin: 2%;
  }
}

@media (max-width: 500px) {
  .main .missionVisionContainer, .main .goalsContainer, .main .boardPartnersContainer, .main .programsOfferedContainer .programsOffered {
    display: block;
  }

  .main .missionVisionContainer .mission, .main .missionVisionContainer .vision, .main .goalsContainer .goals, .main .boardPartnersContainer .board, .main .boardPartnersContainer .businessPartners, .main .programsOfferedContainer .programsOffered .birthTo5, .main .programsOfferedContainer .programsOffered .sixTo10 {
    margin-bottom: 5%;
  }

  .main .image img {
    width: 80%;
    height: 80%;
  }
}