body {
  background-color: white;
}

.aboutWrapper {
  height: fit-content;
  margin-bottom: -5px;
  position: relative;
}

.big_image{
  width: 100%;
  height: auto;
  max-height: 650px;
  object-fit: cover;
}

.layer {
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height: 99.5%;
  background-color: rgba(8, 114, 186, 0.4);
}

.section3Wrapper {
  display: flex;
  width: 100%;
  margin-bottom: 40px;
  /* padding: 5%; */
}

.aboutTextWrapper {
  width: 50%;
  padding: 5% 0 5% 5%;
}
.aboutText {
  font-size: 20px;
  line-height: 30px;
}

.section3WrapperLeft {
  position: relative;
  width: 50%;
  margin-right: 5%;
}

.rightColumnImage {
  position: relative;
  width: 50%;
  height: fit-content;
  margin: 0 5%;
}

.rightImage{
  width: 100%;
  height: auto;
  /* max-height: 340px; */
  object-fit: cover;
}

.layerRightColumn {
	position:absolute;
  top: 0;
  left: 0;
	width: 100%;
	height: 99%;
	background-color: rgba(8, 114, 186, 0.4);
	background-repeat: no-repeat;
}

.aboutTextMissionWrapper {
	width: 90%;
	padding: 5%;
}
.aboutTextMission {
	font-size: 30px;
}

@media screen and (max-width: 800px){
  .aboutTextWrapper{
    display: flex;
    justify-content: center;
    width: 90%;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 900px){
  .section3Wrapper{
    flex-wrap: wrap;
  }

  .section3WrapperLeft{
    width: 100%;
    padding: 5% 5% 0;
  }

  .rightColumnImage{
    width: 100%;
  }

  .aboutTextMission {
    font-size: 25px;
  }
}