.container-padding {
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.div-banner {
  position: absolute;
  /*background: var(--bs-primary);*/
  padding: 25px;
  text-align: left;
  color: #fff;
  top: 20vh;
  min-height: 400px;
  font-size: 35px !important;
}

@media (min-width: 768px) {
  .div-banner {
    position: absolute;
    background: var(--bs-primary);
    padding: 50px;
    text-align: left;
    color: #fff;
    top: 20vh;
    min-width: 600px;
    max-width: 600px;
    min-height: 400px;
    left: 10vw;
    font-size: 45px !important;
  }
}

h1 {
  font-size: inherit;
}

.big-title {
  font-size: 35px;
}

@media (min-width: 768px) {
  .big-title {
    font-size: 50px;
  }
}

.image-1 {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.image-2 {
  width: 100%;
  aspect-ratio: 10/15;
  object-fit: cover;
}

@media (min-width: 1400px) {
  .no-padding-desktop {
    padding-top: 0px;
    padding-bottom: 0;
  }
}