/* =================================
            Biography
================================= */

#bio {
  background-color: var(--main-light);
  margin-top: -10.4vw;
}

#bio .container {
  justify-content: center;
}

#bio .padded {
  padding-top: 10.4vw;
  padding-bottom: 5.2vw;
}

#bio .wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* =================================
            Section Title
================================= */

/* positional styles for section heading */

#bio .section-title {
  display: flex;
  justify-content: center;
  margin-bottom: 2vw;
}

@media (max-width: 799px) {
  #bio .section-title {
    margin-top: 5.2vw;
  }
}

/* font-size styles for section heading */

#bio h2 {
  font-size: 40px;
  font-weight: 700;
  width: fit-content;
}

@media (min-width: 600px) {
  #bio h2 {
    font-size: calc(40px + 20 * ((100vw - 600px) / 500));
  }
}

@media (min-width: 1100px) {
  #bio h2 {
    font-size: 60px;
  }
}

/* =================================
            Biography Text
================================= */

#bio article {
  line-height: 1.6;
  font-weight: 400;

  max-width: 740px;
}

#bio p {
  margin: 30px 0px;
}