.section {
    padding-bottom: 20px;
    max-width: 100vw;
}

.why-section {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.clip-art-side {
    width: 20%;
    height: auto;
    float: left;
    margin-right: 4%;
    position: relative;
    bottom: 15px;
    padding-top: 1vw;
}

  .col-1 {
    display: flex;
    flex-direction: column;
    padding-right: 2vw;
    width: 120vw;
  }

  .col-2 {
    display: flex;
    flex-direction: column;
    padding-left: 2vw;
    padding-top: 0;
    width: 120vw;
  }

  .top-item {
    margin-top: 2vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 175px;
    margin-left: 1%;
  }

  .bottom-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 1%;
  }

  .item-title {
    margin-top: 0;
    font-size: 2.26vw;
    font-family: 'Avenir', sans-serif;
  }
    
  .picture-in-the-middle {
    border-radius: 50%;
    width: 30vw;
    height: 30vw;
    border: 10px solid #20c6b2;
    object-fit: cover;
  }

  .space {
    width: 400px;
  }

  .why-text {
    font-size: 1.66vw;
    font-family: 'Avenir', sans-serif;
  }

  .section-title {
    text-align: center;
    font-size: 2.5vw;
    font-family: 'Avenir', sans-serif;
    color: #20c6b2;
    padding-bottom: 2vw;
  }