.about-menu {
  border-top-left-radius: 70px;
  border-top-right-radius: 70px;
}

.img-cover {
  margin-top: -10%;
}

.img-memories {
  background: url("background1.91df0d73.jpg") top / cover no-repeat;
  height: 120vh;
}

.img-luka-text {
  width: 50%;
  position: absolute;
  bottom: 15vh;
  left: 25%;
}

.img-marina-text {
  position: absolute;
  bottom: 40%;
  left: 45%;
  right: 10%;
}

.img-mama-text {
  color: #fff;
  z-index: -100;
  background-color: #616741;
  padding: 3% 5% 3% 3%;
  position: absolute;
  bottom: 20%;
  left: 0%;
  right: 45%;
}

.img-mirko-text {
  color: #fff;
  background-color: #616741;
  border-radius: 10%;
  padding: 5%;
  position: absolute;
  bottom: 30%;
  left: 50%;
  right: 0%;
}

.text-box-upper {
  width: 100%;
  position: absolute;
  top: 20%;
  opacity: .9 !important;
}

.text-box-upper p {
  background-color: #fff;
  padding-left: 10%;
  padding-right: 30%;
}

.text-box-upper img {
  width: 20%;
  position: absolute;
  right: 5%;
  max-width: 400px !important;
}

@media screen and (width <= 575.98px) {
  .img-mirko-text {
    color: #000;
    background-color: #0000;
    border-radius: 10%;
    padding: 5%;
    bottom: 10%;
    left: 50%;
  }

  .img-luka-text {
    width: 60%;
    position: absolute;
    top: 70%;
    left: 25%;
  }

  .container-marina {
    margin-top: 250px;
  }

  .img-marina-text {
    width: 50%;
    line-height: 2.5vh;
    position: absolute;
    bottom: 0%;
    left: 45%;
  }

  .img-mama-text {
    bottom: 5%;
    left: 0%;
    right: 45%;
  }
}

@media screen and (width >= 576px) {
  .img-luka-text {
    top: 65%;
  }

  .container-marina {
    margin-top: 100px;
  }

  .img-marina-text {
    bottom: 30%;
  }
}
/*# sourceMappingURL=about.f04df894.css.map */