.ibm-plex-sans-light {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.ibm-plex-sans-regular {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ibm-plex-sans-regular {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 200;
  font-style: italic;
}

html {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
}

h1,
h2,
h3 dispay-1,
display-2,
display-3 {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-wrap: balance;
}

.broj {
  font-size: 100px;
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.container {
  max-width: 1400px;
}

.navbar-img {
  height: 60px;
}

.display-3 {
  font-size: 55px;
}

.display-1 {
  font-size: 100px;
}

.vel {
  font-size: 170px;
}

.rotate-20 {
  transform: rotate(20deg);
}

.bojaP {
  background-color: #111;
}
.bojaM {
  background-color: #000;
}
.container-l {
  height: 1150px;
  overflow: hidden;
  position: relative;
}

.zoom-img {
  width: 80%;
  transition: transform 0.3s ease;
}

#next-section {
  height: 2050px;
}

@media (max-width: 1500px) {
  #next-section {
    height: 2090px;
  }

  .container-l {
    height: 850px;
    overflow: hidden;
    position: relative;
  }

}

@media (max-width: 900px) {
  #next-section {
    height: 2400px;
  }

  .container-l {
    height: 260px;
    overflow: hidden;
    position: relative;
  }


  .display-3 {
    font-size: 30px;
  }

  .display-1 {
    font-size: 50px;
  }

  .vel {
    font-size: 100px;
  }

  .naslov {
    font-size: 60px;
  }

  .opis {
    font-size: 50px;
  }

  .broj {
    font-size: 60px;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 200;
    font-style: italic;
  }

  iframe{
    height: 300px;
  }

}

@media (min-width: 768px) and (max-width: 991.98px) {
  #next-section {
    height: 1600px;
  }

  .container-l {
    height: 480px;
    overflow: hidden;
    position: relative;
  }

}

.zastavice {
 width: 25px;
}

.naslov {
  font-size: clamp(2.5rem, 1.3836rem + 4.5802vw, 6.25rem);
  text-wrap: balance;
}

.projekat1 {
  height: 800px;
  width: 100%;
}

.opis {
  font-size: 50px;
}

.slikaV {
  height: 480px;
}

.dropdown-menu {
  min-width: 1rem;
  cursor: pointer;

}

label.is-invalid{
  color: red;
  margin-top: 0.4rem;
}