.about .about-header {
  width: 1130px;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 40px auto;
}
.about .about-header .about-content {
  width: 40%;
  height: auto;
}
.about .about-header img {
  width: 50%;
  height: auto;
  border-radius: 4px;
}
.about .about-office {
  width: 1130px;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 40px auto;
}
.about .about-office .about-content {
  width: 35%;
  height: auto;
}
.about .about-office img {
  width: 60%;
  height: auto;
  border-radius: 4px;
}

.about-grid {
  width: 100%;
  height: auto;
}

/* About - Customer */
.about .content-header,
.about .content-main,
.about .content-purpouse,
.about .content-gallery,
.about .content-probono,
.about .content-associations,
.about .content-awards,
.about .content-footer { 
  background-color: #f1f1f1;
  width: 100%;
  min-height: auto;
  height: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 24px;
  text-align: left;
  color: #333333;
}
.about .content-header article,
.about .content-main article,
.about .content-footer article {
  width: 40%;
  padding: 50px;
  font-size: 14px;
}
.about .content-header {
  background: url('../img/about/full-banner-escritorio.jpg') center center;
  background-size: cover;
  min-height: 75%;
  color: var(--color-white);
}
.about .content-header article {
  background-color: rgb(0, 0, 0, 0.7);
  width: 60%;
  font-size: 18px;
  line-height: 32px;
  border-left: 10px solid var(--color-secondary);
  border-right: 10px solid var(--color-primary);
  padding: 50px 50px 35px;
  margin: auto;
}
.about .content-purpouse {

}
.about .content-purpouse article {
  width: 80%;
  font-size: 26px;
  line-height: 32px;
  text-align: center;
}

.about .content-probono,
.about .content-awards,
.about .content-associations {
  background-color: var(--color-white);
  height: auto;
}
.about .content-probono article,
.about .content-awards article,
.about .content-associations article {
  text-align: center;
  padding: 70px 0;
}
.about .content-probono article {
  width: 75%;
}
.about .content-awards article,
.about .content-associations article {
  width: 65%;
}
.about .content-awards article,
.about .content-associations article {
  border-bottom: 2px solid #ededed;
}
.about .content-probono article h2,
.about .content-awards article h2,
.about .content-associations article h2 {
  font-size: 26px;
  margin-bottom: 5px;
}
.about .content-probono article .probono-partners,
.about .content-awards article .awards,
.about .content-associations article .associations-partners {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px;
}
.about .content-probono article .probono-partners li,
.about .content-awards article .awards li,
.about .content-associations article .associations-partners li {
  height: auto;
  color: #999999;
  font-size: 12px;
  line-height: 18px;
}
.about .content-probono article .probono-partners li {
  width: 21%;
}
.about .content-awards article .awards li,
.about .content-associations article .associations-partners li {
  width: 23%;
}
.about .content-probono article .probono-partners li img,
.about .content-awards article .awards li img,
.about .content-associations article .associations-partners li img {
  width: 80%;
  margin: 0 auto 10px;
}

.about .content-main {
  justify-content: space-between;
  font-size: 14px;
}
.about .content-main img {
  width: 60%;
}
.about .content-main article {
  padding: 5%;
}

.about .content-gallery {

}
.about .content-gallery img {
  width: 33.333%;
}

.about .content-footer {
  justify-content: space-between;
  font-size: 14px;
}
.about .content-footer img {
  width: 60%;
}
.about .content-footer article {
  padding: 5%;
}
.about .content-footer a.cta-primary {
  margin: 20px auto 0;
}

@media (max-width: 900px) {
  .about .about-header,
  .about .about-header .about-content,
  .about .about-header img,
  .about .about-office,
  .about .about-office .about-content,
  .about .about-office img {
    width: 100%;
  }
  .about .about-header,
  .about .about-office {
    padding: 10%;
    margin: 0;
  }
  .about .about-header img,
  .about .about-office img {
    margin: 0 0 40px;
  }
  .about .about-office {
    flex-direction: column-reverse;
  }
  .about .content-header article,
  .about .content-main article,
  .about .content-probono article,
  .about .content-footer article {
    width: 80%;
    margin: auto;
    padding: 12% 0;
  }
  .about .content-header h1 {
    width: 80%;
    font-size: 28px;
    line-height: 32px;
    margin: 20px 0;
  }

  .about .content-main img {
    width: 100%;
  }

  .about .content-gallery img {
    width: 50%;
  }
  .about .content-gallery img:first-child {
    width: 100%;
  }

  .about .content-probono,
  .about .content-awards,
  .about .content-associations {
    min-height: auto;
    padding: 0;
  }
  .about .content-probono article,
  .about .content-awards article,
  .about .content-associations article {
    font-size: 14px;
    padding: 10% 0;
  }
  .about .content-probono article .probono-partners,
  .about .content-awards article .awards,
  .about .content-associations article .associations-partners {

  }

  .about .content-probono article .probono-partners li,
  .about .content-awards article .awards li,
  .about .content-associations article .associations-partners li {
    width: 49%;
  }

  .about .content-footer img {
    width: 100%;
  }
}