.containerContacto {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  border: medium solid #ff6701;
  box-shadow: 3px 3px 10px grey;
  margin: 20px;
}

.containerContacto h2 {
  font-size: 36px;
  text-shadow: 4px 4px 8px grey;
  padding-bottom: 20px;
}

.texto {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.texto p {
  text-align: center;
}

.texto ul {
  padding: 0;
}

.mediosContacto {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mediosContacto a {
  padding: 20px 0;
  font-size: 30px;
}

.logoRedes1::before {
  content: "\f232";
  font-family: "Font Awesome 5 Brands";
  padding: 0 5px;
  color: rgb(90, 212, 33);
}

.logoRedes2::before {
  content: "\f16d";
  font-family: "Font Awesome 5 Brands";
  padding: 0 5px;
  color: rgb(190, 83, 56);
}

.logoRedes3::before {
  content: "\f09a";
  font-family: "Font Awesome 5 Brands";
  padding: 0 5px;
  color: rgb(61, 131, 197);
}

@media (min-width: 768px) {
  .containerContacto {
    width: 70%;
  }
  .texto p {
    width: 80%;
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .containerContacto {
    width: 60%;
  }
  .texto p {
    width: 60%;
  }
  .texto p,
  .texto ul {
    font-size: 20px;
  }
}
