.header {
  background-color: #f8f9fa;
}

#nav-header {
  font-family: "Anton", sans-serif;
}

#meiolarcontainer {
  max-width: 1320px;
  max-height: 480px;
  position: relative;
  display: inline-block;
}

#meiolar {
  width: 100%;
  max-height: 480px;
  object-fit: cover;
  object-position: 0 70%;
}

.captioncontainer {
  position: absolute;
  top: 10%;
  left: 10%;
  text-align: left;
}

.captionh1 {
  font-family: "Anton", sans-serif;
  font-size: clamp(min(1vw), 13vh, max(9vw));
  color: white;
  -webkit-text-stroke-color: black;
  -webkit-text-stroke-width: 1px;
}

.captionh2 {
  font-family: "Anton", sans-serif;
  font-size: clamp(min(1vw), 4vh, max(7vw));
  color: white;
  -webkit-text-stroke-color: black;
  -webkit-text-stroke-width: 1px;
}

.card-img-top {
  width: 100%;
  max-height: 120px;
  object-fit: cover;
  object-position: center;
}

#adriell {
  width: 100%;
  max-height: 120px;
  object-fit: cover;
  object-position: 0 10%;
}

.card-text{
  font-size: clamp(min(1px), 5vw, max(14px));
  height: 120px;
}