html { scroll-padding-top: calc(var(--navbar-height) + 8px); }
#banner-section { margin-top: var(--navbar-height) !important; }

.latestTitle {
  color:#fff;
  font-size:24px;
  font-weight:800;
  letter-spacing:.3px;
  margin:15px 0 0 0;
  text-transform:uppercase; /* ako želiš isto kao ostale section-title */
}
@media (max-width:768px){
  .latestTitle{ font-size:18px; }
}
.latestTitle:after {
  position: relative;
  content: "";
  width: 15px;
  height: 15px;
  margin-left: var(--arrow-left, 5px);
  display: inline-block;
  border-top: 3px solid currentColor;
  border-right: 3px solid currentColor;
  transform: rotate(45deg);
  transition: all .3s
  ease-in-out;
}
.latestTitle:hover {
  --arrow-left: 15px;
}

iframe body {
  background: black !important;
}
#latestTitle .cards-grid {
  grid-template-columns: repeat(5, 1fr);
}
#latestTitle .ca-card {
  width: 100%;
}
@media (max-width: 576px) {
  #latestTitle .cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}