.about {
  background-color: #fff;
  min-height: 83vh;
  width: 100%;
}
.about .row {
  margin-top: 2%;
  display: flex;
  justify-content: space-between;
}
.about-col {
  flex-basis: 51%;
  margin-bottom: 5%;
  padding: 0px 55px;
}
.about-col .left-content {
  position: relative;
  padding-left: 50px;
}
.about-col .right-content {
  padding-right: 40px;
}
.about-col .right-content p {
  color: #141518;
}
.bottom-content {
  position: absolute;
  height: 500px;
  width: 400px;
  background-color: antiquewhite;
}
.top-content {
  position: absolute;
  height: 350px;
  width: 500px;
  top: 20px;
  left: 80px;
}
.about-col img {
  width: 450px;
  height: 500px;
}
.disciplines {
  background-color: #fff;
  min-height: 100vh;
  width: 100%;
}
.disciplines p {
  color: #141518;
  font-size: 0.9rem;
  font-weight: 400;
}
.disciplines .row {
  margin-top: 2%;
  display: flex;
  justify-content: space-between;
}
.discipline-col {
  flex-basis: 51%;
  margin-bottom: 5%;
  padding: 0px 55px;
}
.discipline-col .left-row {
  padding: 5% 0;
}
.discipline-col .left-row h3 {
  font-size: 1.2em;
  font-weight: 500;
}

.discipline-col .right-content {
  position: relative;
  padding: 5% 0;
}
.top-image {
  position: absolute;
}
.mid-image {
  position: absolute;
  right: 0;
}
.bottom-image {
  position: absolute;
  top: 450px;
  left: 10px;
}

@media (max-width: 700px) {
  .about .row {
    flex-wrap: wrap;
  }
  .about .row .about-col {
    flex-basis: auto;
  }
  .top-content {
    position: relative;
    top: 20px;
    left: 20px;
  }
  .top-content,
  .bottom-content {
    width: 100%;
  }
  .top-content img {
    width: 100%;
  }
  .about-col .left-content {
    padding-left: 0;
    height: 520px;
  }
  .about-col .right-content {
    text-align: center;
    padding: 0;
  }
  .disciplines .row {
    flex-direction: column !important;
  }
  .discipline-col {
    padding: 24px 32px;
  }
  .discipline-col .right-content .bottom-image .top-image .mid-image {
    display: none;
  }
}