.about_me {
  background-color: #fafafa;
  color: var(--main-black-color);
}
.about_me .banana-section-container {
  padding-top: 3em;
  padding-bottom: 3em;
}
.about_me .blocks {
  padding-top: 4em;
}
.about_me .blocks::after {
  content: "";
  display: table;
  clear: both;
}
.about_me .blocks picture {
  position: relative;
  font-size: 1em;
  display: block;
  float: left;
  margin-right: 4.6875em;
  margin-bottom: 1.25em;
  width: 27.1875em;
  border-radius: 0.625em;
}
.about_me .blocks picture:: {
  content: "";
  display: block;
  position: absolute;
  top: -1.5em;
  right: -1.6875em;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.125em solid #e24a42;
  border-radius: 0.625em;
}
.about_me .blocks picture img {
  width: 100%;
  height: auto;
  border-radius: 0.625em;
}
.about_me .blocks p {
  font-weight: 400;
  font-size: 1.75em;
  line-height: 1.1;
}
.about_me .blocks p.title:nth-of-type(2) {
  font-size: 1em;
  font-weight: 400;
  text-transform: uppercase;
  padding: 2.375em 0;
}
.about_me .blocks p.title:nth-of-type(2) strong {
  font-size: 1.875em;
  line-height: 1;
  font-weight: 400;
}
.about_me .blocks p.result {
  font-size: 1em;
  padding-top: 4.5em;
}
.about_me .blocks p.result strong {
  font-size: 1.75em;
  font-weight: 400;
}
.about_me .blocks p,
.about_me .blocks p strong,
.about_me .blocks p b {
  color: var(--main-black-color);
}
.about_me .blocks ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.about_me .blocks ul, .about_me .blocks ul li, .about_me .blocks ul strong {
  color: var(--main-black-color);
}
.about_me .blocks ul li {
  font-size: 1.3125em;
  margin: 0.476em 0;
}
.about_me .blocks ul strong {
  position: relative;
  font-size: 1em;
  display: inline-block;
  padding-left: 1.818em;
}
.about_me .blocks ul strong::before {
  content: "";
  display: block;
  position: absolute;
  width: 0.57em;
  height: 0.57em;
  border-radius: 50%;
  background-color: #e24a42;
  top: 0.286em;
  left: 0;
}

@media screen and (max-width: 1440px) {
  .about_me .blocks picture {
    font-size: 0.9em;
  }

  .about_me .blocks p,
.about_me .blocks p.result strong {
    font-size: 1.400em;
  }

  .about_me .blocks p.title:nth-of-type(2) strong {
    font-size: 1.6875em;
  }

  .about_me .blocks ul li {
    font-size: 1.18125em;
  }

  .about_me .blocks p.result {
    padding-top: 2.5em;
  }
}
@media screen and (max-width: 1200px) {
  .about_me .blocks picture {
    font-size: 0.81em;
  }

  .about_me .blocks p,
.about_me .blocks p.result strong {
    font-size: 1.4175em;
  }

  .about_me .blocks p.title:nth-of-type(2) strong {
    font-size: 1.51875em;
  }

  .about_me .blocks ul li {
    font-size: 1.063125em;
  }
}
@media screen and (max-width: 991px) {
  .about_me .blocks picture {
    font-size: 0.6em;
  }

  .about_me .blocks p,
.about_me .blocks p.result strong {
    font-size: 1.205em;
  }

  .about_me .blocks p.title:nth-of-type(2) {
    padding: 1em 0;
  }

  .about_me .blocks p.title:nth-of-type(2) strong {
    font-size: 1.291em;
  }

  .about_me .blocks ul li {
    font-size: 0.904em;
  }

  .about_me .blocks p.result {
    padding-top: 1em;
  }
}
@media screen and (max-width: 767px) {
  .about_me .blocks picture {
    font-size: 0.5em;
  }

  .about_me .blocks p.title:nth-of-type(2)::after {
    content: "";
    display: table;
    clear: both;
  }
}
@media screen and (max-width: 550px) {
  .about_me .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .about_me .blocks picture {
    float: none;
    margin: 2em 0;
    width: 100%;
  }

  .about_me .blocks p.title:nth-of-type(1) {
    -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
            order: -2;
  }

  .about_me .blocks p.title:nth-of-type(2) {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .about_me .blocks ul li {
    font-size: 1em;
  }

  .about_me .blocks p.result strong {
    font-size: 1.1em;
  }
}