.banner-cont {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-around;
  align-items: center;
  padding: 0px 2%;
}

.titulo-banner {
  width: 45%;
  display: grid;
  row-gap: 23px;
}

.banner-img {
  width: 45%;
}

img.img-banner {
  width: 100%;
  height: auto;
}

h1 {
}

.back-ar12 {
  background: url("../images/2.webp") no-repeat center;
  background-size: 100% 100%;
}
.titulo-banner h1 {
  color: white;
  font-size: 2.5rem;
  font-weight: 700;
  padding: 0 2%;
  line-height: 1.5;
}

.titulo-banner h5 {
  color: white;
  font-size: 2.2rem;
  padding: 0 2%;
  font-weight: 200;
  line-height: 1.5;
}

.titulo-banner p {
  color: white;
  font-size: 2.2rem;
  font-weight: 700;
  border: 3px solid white;
  border-radius: 51px;
  width: 108%;
  padding: 5% 0% 5% 6%;
  margin-left: -5%;
  line-height: 1.5;
}
.banner-cont {
  padding-top: 5%;
}