p {
  text-align: justify;
}

.titles {
  margin-left: 4.5%;
  border-left: 2px #cc0202 solid;
  padding-left: 0.5rem;
  margin-top: 40px;
}

.primeiro-paragrafo {
  margin-left: 4.5rem;
  margin-top: 20px;
  align-items: left;
  margin-right: 60px;
}

.pictures {
  width: 130px;
  display: flex;
}

.allPictures {
  display: grid;
  grid-template-areas:
    ". a b ."
    "c d e f"
    "g h i j";
  gap: 10px;
  margin: 0 auto;
  max-width: 80vw;
}

.a {
  grid-area: a;
}

.b {
  grid-area: b;
}

.c {
  grid-area: c;
}

.d {
  grid-area: d;
}

.e {
  grid-area: e;
}

.f {
  grid-area: f;
}

.g {
  grid-area: g;
}

.h {
  grid-area: h;
}

.i {
  grid-area: i;
}

.j {
  grid-area: j;
}

.border {
  border-radius: 8px;
  border: 8px solid rgb(194, 184, 184);
  display: flex;
}

.large {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 13px;
  text-align: center;
}

.larg1 {
  text-align: center;
}
.large2 {
  color: #cc0202;
  text-align: center;
  align-items: center;
}

.names-final {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 350px;
}

.namesfinal1 {
  display: left;
  justify-content: center;
}

@media (max-width: 1110px) {
  .allPictures {
    grid-template-areas:
      "a b"
      "c d"
      "e f"
      "g h"
      "i j";
  }
  .names-final {
    flex-direction: column;
    gap: 0;
  }
}

@media (max-width: 700px) {
  .allPictures {
    grid-template-areas:
      "a"
      "b"
      "c"
      "d"
      "e"
      "f"
      "g"
      "h"
      "i"
      "j";
  }
}
