:root {
  --font-za-naslove: Montserrat, sans-serif;
  --white: white;
  --font-za-paragrafe: Montserrat, sans-serif;
  --akcenat: #c39a5f;
  --glavna: #c00;
  --plava: #0082f3;
  --zelena: #557153;
  --black: black;
  --zuta: #e6e5a3;
  --sekundarna: #290000;
  --inner-shadow: 180px;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  font-family: var(--font-za-naslove);
  color: var(--white);
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.2;
}

h2 {
  font-family: var(--font-za-naslove);
  color: var(--white);
  text-align: center;
  width: 70%;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  font-family: var(--font-za-naslove);
  text-align: center;
  text-transform: capitalize;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

h4 {
  font-family: var(--font-za-naslove);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

h5 {
  font-family: var(--font-za-naslove);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

p {
  font-family: var(--font-za-paragrafe);
  color: var(--white);
  width: 60%;
  margin-bottom: 10px;
  line-height: 1.4;
}

.nav-container {
  justify-content: space-between;
  align-items: center;
  width: 90vw;
  padding-left: 43px;
  display: flex;
}

.navbar {
  z-index: 3;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
  margin-top: 0;
  padding-top: 15px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.navbar-logo {
  filter: contrast(500%);
  width: 180px;
}

.nav-za-telefon {
  width: 100vw;
  display: none;
}

.hero-home-section {
  z-index: 2;
  background-image: url('../images/Foto-8.jpg');
  background-position: 50%;
  background-size: cover;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80vw;
  display: flex;
  position: relative;
}

.container.puska {
  background-image: url('../images/AK47---M70-4.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 40px;
  width: 60vw;
  padding-top: 20px;
}

.container.levo {
  justify-content: center;
  align-items: flex-start;
}

.inline-div {
  margin-top: 0;
  display: flex;
}

.inline-div.centriran {
  justify-content: center;
  align-items: center;
  padding-left: 19px;
  padding-right: 0;
}

.primarno-dugme {
  background-color: var(--akcenat);
  border-radius: 20px;
  margin-right: 10px;
  font-size: 14px;
  transition: all .3s;
}

.primarno-dugme:hover {
  box-shadow: inset 0 0 5px 20px #0003;
}

.sekundarno-dugme {
  border: 2px none var(--glavna);
  background-color: var(--glavna);
  color: var(--white);
  border-radius: 20px;
  transition: all .3s;
}

.sekundarno-dugme:hover {
  background-color: var(--akcenat);
}

.podnaslov {
  color: var(--white);
  text-align: center;
  width: 60vw;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
}

.podnaslov.obojen {
  color: var(--glavna);
  padding-left: 20px;
}

.podnaslov.no-margin {
  margin-bottom: 0;
}

.nav-link {
  font-family: var(--font-za-paragrafe);
  color: var(--white);
  text-transform: uppercase;
  font-weight: 600;
  transition: all .3s;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--plava);
}

.crna-maska {
  z-index: 1;
  background-color: #00000026;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
}

.crna-maska.manja-2 {
  border-radius: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 70vw;
  height: 50vh;
  margin-left: 0;
  display: flex;
  left: 0;
}

.crna-maska.mala {
  background-color: #0009;
  border-radius: 40px;
  width: 100%;
  height: 100%;
  margin-top: -20px;
}

.usluge-home-section {
  z-index: 2;
  background-color: var(--zelena);
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  padding-top: 40px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link {
  font-family: var(--font-za-paragrafe);
  color: var(--white);
  text-decoration: none;
  transition: all .3s;
}

.link:hover {
  opacity: .81;
  text-decoration: none;
}

.link.crni-link {
  color: var(--black);
  margin-top: 0;
  line-height: 1.2;
}

.usluge-home-kartice {
  background-color: var(--zuta);
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}

.crni-paragraf {
  color: var(--black);
  text-align: center;
  width: auto;
  font-weight: 400;
}

.crni-paragraf.levo {
  text-align: justify;
}

.crni-paragraf.levo.okvir {
  border: 2px solid #000;
  padding: 2px;
}

.crni-paragraf.kontakt {
  margin-bottom: 0;
  font-size: 16px;
}

.centrirani-paragraf {
  text-align: center;
}

.kontakt-section {
  z-index: 2;
  background-color: var(--zelena);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.kontakt-grid {
  width: 80vw;
}

.centrirani-cell {
  justify-content: center;
  align-items: center;
}

.centrirani-cell.gore {
  justify-content: space-between;
  align-items: center;
}

.centrirani-cell.levo {
  justify-content: center;
  align-items: flex-start;
}

.forma {
  width: 100%;
}

.footer {
  z-index: 2;
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  min-height: 30vh;
  padding-top: 40px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.footer-logo {
  width: 150px;
  margin-left: 10px;
}

.footer-logo.drugi {
  width: 150px;
}

.footer-link {
  font-family: var(--font-za-paragrafe);
  color: var(--black);
  margin-right: 10px;
  font-weight: 500;
  text-decoration: none;
  overflow: hidden;
}

.lottie-footer {
  width: 60px;
}

.footer-container {
  border-top: 2px solid var(--akcenat);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 80vw;
  margin-top: 10px;
  padding-top: 15px;
  padding-bottom: 20px;
  padding-left: 43px;
  display: flex;
}

.footer-div {
  margin-top: 20px;
  padding-right: 0;
}

.kartice-div {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 25vw;
  height: 30vh;
  padding-top: 20px;
  display: flex;
}

.gornji-footer-container {
  justify-content: space-between;
  align-items: center;
  width: 80vw;
  padding-left: 0;
  display: flex;
}

.o-nama-section {
  background-color: var(--zelena);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  padding-top: 200px;
  display: flex;
}

.o-nama-grid {
  grid-row-gap: 31px;
  width: 90vw;
}

.kontakt-hero-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 180px;
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
}

.kontakt-hero-section.kursevi {
  margin-top: 0;
  padding-top: 40px;
  overflow: hidden;
}

.prijava-div {
  background-image: url('../images/Foto-1.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  width: 70vw;
  height: 50vh;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.centrirani-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.centrirani-div.sticky {
  position: sticky;
  top: 20px;
}

.centrirani-div.vodoravno {
  flex-flow: row;
}

.galerija-hero-section {
  background-color: var(--zelena);
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 190px;
  display: flex;
}

.galerija-slika {
  border-radius: 20px;
  width: 350px;
  max-width: none;
  height: 220px;
}

.o-nama-slike {
  border-radius: 20px;
  width: 500px;
  height: 350px;
}

.veci-paragraf {
  z-index: 3;
  text-align: justify;
  width: 85%;
  margin-bottom: 30px;
  position: relative;
}

.veci-paragraf.crni-paragraf.no-margin {
  margin-bottom: 0;
}

.veci-paragraf.crni-paragraf.no-margin.levo {
  text-align: left;
  width: 100%;
}

.veci-paragraf.mali-margin {
  margin-top: 4px;
  margin-bottom: 4px;
}

.trusted-by-section {
  background-color: var(--akcenat);
  padding: 40px 20px;
}

.carousel-container {
  display: flex;
  overflow: hidden;
}

.logo-div {
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.trusted-by-image {
  width: 100px;
}

.kursevi-hero-section {
  background-image: url('../images/Foto-2.jpg');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  overflow: hidden;
}

.svi-kursevi-section {
  background-color: var(--zelena);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  overflow: hidden;
}

.crni-naslov {
  color: var(--black);
}

.crni-naslov.manji-margin {
  margin-bottom: 5px;
}

.svi-kursevi-grid {
  width: 90vw;
}

.kursevi-kartice {
  background-color: var(--zuta);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-bottom: 20px;
  display: flex;
}

.opis-kurseva-section {
  background-color: #6ea171;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  overflow: visible;
}

.opis-kurseva-grid {
  margin-bottom: 20px;
}

.tabs-menu {
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.tab-link {
  background-color: var(--white);
  border-radius: 20px;
  margin-left: 5px;
  transition: transform .3s;
}

.tab-link:hover {
  transform: translate(0, -5px);
}

.tab-link.w--current {
  background-color: var(--akcenat);
  transform: translate(0, -5px);
}

.tab-link.sakrivena.w--current {
  display: none;
}

.tab-kartica {
  background-color: var(--akcenat);
  border-radius: 20px;
  padding: 10px;
}

.ostali-kursevi {
  background-color: var(--zelena);
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}

.beli-naslov {
  color: var(--white);
}

.bold {
  font-weight: 800;
}

.lista {
  color: var(--white);
  width: 90%;
  padding-left: 0;
  line-height: 1.4;
  list-style-type: decimal;
}

.galerija-grid {
  width: 80vw;
}

.vazno-section {
  z-index: 2;
  background-color: var(--zelena);
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 50vh;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-naslov {
  width: 70vw;
}

.restriktivno {
  background-color: var(--glavna);
  width: auto;
  padding: 10px;
}

.crveno {
  color: var(--glavna);
  font-size: 50px;
}

.telefon-section {
  background-color: var(--zelena);
  justify-content: center;
  align-items: center;
  padding-top: 203px;
  display: flex;
}

.kontakt-kartica {
  background-color: var(--zuta);
  border-radius: 40px;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  width: 30vw;
  height: 30vh;
  display: flex;
}

.kontakt-ikonica {
  width: 50px;
  margin-right: 20px;
}

.kursevi-div {
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.bela-lista {
  color: var(--white);
  flex-flow: column;
  display: flex;
}

.kurs-slika {
  width: 20vw;
  margin-top: 15px;
  margin-right: 15px;
}

.jezik-ikonica {
  border-radius: 100%;
  width: 40px;
  height: 45px;
  position: absolute;
  inset: 8% 3% auto auto;
}

.jezik-ikonica.srb {
  right: 7.5%;
}

.kurs-velika-slika {
  border-radius: 40px;
  width: 100%;
  height: 50vh;
  margin-top: 5px;
  margin-bottom: 10px;
}

.kurs-velika-slika.basic-pistol {
  background-image: url('../images/roze-antifoni-devojka.jpg');
  background-position: 50%;
  background-size: cover;
}

.kurs-velika-slika.basic-sacmarica {
  background-image: url('../images/DSC_4975.jpg');
  background-position: 50%;
  background-size: cover;
}

.kurs-velika-slika.idpa {
  background-image: url('../images/IDPA-slika.jpg');
  background-position: 50%;
  background-size: cover;
}

.kurs-velika-slika.basic-rifle {
  background-image: url('../images/Takticki-Operativac-M70.jpg');
  background-position: 50%;
  background-size: cover;
}

.kurs-velika-slika.advanced-rifle {
  background-image: url('../images/David-Kovacic-visi-kurs-puška-26.10.2019.-Slika-23-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.kurs-velika-slika.advanced-sacmarica {
  background-image: url('../images/DSC_6484-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.kurs-velika-slika.special {
  background-image: url('../images/DSC_4700.jpg');
  background-position: 50%;
  background-size: cover;
}

.kurs-velika-slika.medical {
  background-image: url('../images/BLS-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.kurs-velika-slika.advanced-pistol {
  background-image: url('../images/Slika-302-takticki-operativac-2016.-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.kurs-velika-slika.snajper {
  background-image: url('../images/Chaborz-Nikon-04.-06.09.2018.-Sl.-138-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.kurs-kontakt-ikonica {
  width: 50px;
  margin-right: 15px;
}

.obavestenje-div {
  box-shadow: 0 2px 12px 3px var(--black);
  background-color: #c39a5f;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 30vw;
  height: 20vh;
  display: none;
  position: absolute;
  inset: auto 3% 8% auto;
}

.obavestenje-div.kurs-stranica {
  justify-content: center;
  align-items: center;
  width: 29vw;
  height: 20vh;
}

.sekundarno-dugme-3 {
  color: #fff;
  background-color: #c00;
  border: 2px #c00;
  border-radius: 20px;
  transition: all .3s;
}

.sekundarno-dugme-3:hover {
  background-color: #c39a5f;
}

@media screen and (min-width: 1280px) {
  .primarno-dugme, .sekundarno-dugme {
    font-size: 16px;
  }

  .kontakt-hero-section {
    padding-top: 40px;
  }

  .o-nama-slike {
    width: 500px;
  }

  .trusted-by-image {
    width: 120px;
  }

  .kursevi-hero-section {
    background-position: 50%;
    background-size: cover;
  }

  .lista {
    padding-left: 30px;
  }

  .sekundarno-dugme-3 {
    font-size: 16px;
  }
}

@media screen and (min-width: 1440px) {
  h1 {
    font-size: 40px;
  }

  p {
    font-size: 16px;
  }

  .primarno-dugme, .sekundarno-dugme {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .podnaslov {
    font-size: 18px;
  }

  .nav-link, .link, .crni-paragraf, .centrirani-paragraf, .forma {
    font-size: 16px;
  }

  .footer-logo {
    width: 120px;
  }

  .footer-div {
    padding-right: 60px;
    font-size: 16px;
  }

  .kontakt-hero-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .galerija-hero-section {
    padding-top: 210px;
  }

  .galerija-slika {
    width: 400px;
    height: 260px;
  }

  .o-nama-slike {
    width: 600px;
    height: 400px;
  }

  .trusted-by-image {
    width: 140px;
  }

  .tab-link {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }

  .lista {
    font-size: 16px;
    line-height: 1.4;
  }

  .crveno {
    font-size: 57px;
  }

  .jezik-ikonica {
    width: 45px;
  }

  .sekundarno-dugme-3 {
    padding-top: 13px;
    padding-bottom: 13px;
  }
}

@media screen and (min-width: 1920px) {
  h1 {
    font-size: 59px;
  }

  h2 {
    font-size: 45px;
  }

  h3 {
    font-size: 34px;
  }

  p {
    font-size: 24px;
  }

  .navbar-logo {
    width: 250px;
  }

  .primarno-dugme, .sekundarno-dugme {
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 24px;
  }

  .podnaslov {
    font-size: 26px;
  }

  .nav-link {
    font-size: 24px;
  }

  .usluge-home-section {
    padding-bottom: 40px;
  }

  .link {
    font-size: 24px;
  }

  .link.crni-link {
    margin-top: 30px;
  }

  .crni-paragraf {
    font-size: 22px;
  }

  .crni-paragraf.kontakt, .centrirani-paragraf, .forma {
    font-size: 24px;
  }

  .footer-logo {
    width: 200px;
  }

  .footer-link {
    margin-right: 20px;
  }

  .lottie-footer {
    width: 100px;
  }

  .footer-div {
    padding-right: 100px;
    font-size: 26px;
    line-height: 1.2;
  }

  .kontakt-hero-section {
    margin-top: 205px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .galerija-hero-section {
    padding-top: 270px;
  }

  .galerija-slika {
    width: 500px;
    height: 340px;
  }

  .o-nama-slike {
    width: 700px;
    height: 500px;
  }

  .trusted-by-image {
    width: 200px;
  }

  .tab-link {
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 22px;
  }

  .lista {
    padding-left: 40px;
    font-size: 24px;
  }

  .crveno {
    font-size: 75px;
  }

  .telefon-section {
    padding-top: 302px;
  }

  .kontakt-ikonica {
    width: 80px;
  }

  .jezik-ikonica {
    width: 65px;
    height: 65px;
  }

  .sekundarno-dugme-3 {
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 24px;
  }
}

@media screen and (max-width: 991px) {
  h2 {
    width: 90%;
  }

  p {
    text-align: center;
  }

  .navbar {
    display: none;
  }

  .navbar-logo {
    width: 100px;
  }

  .nav-za-telefon {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #ddd0;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-top: 15px;
    display: flex;
    position: fixed;
    top: 0;
  }

  .container.puska {
    width: 70vw;
  }

  .crna-maska.manja-2 {
    width: 80vw;
  }

  .usluge-home-kartice {
    justify-content: flex-start;
    align-items: center;
  }

  .centrirani-paragraf {
    width: 70%;
  }

  .footer-logo {
    margin-bottom: 10px;
  }

  .menu-button {
    background-color: #0000;
  }

  .menu-button.w--open {
    color: var(--akcenat);
    background-color: #0000;
  }

  .nav-menu {
    background-color: var(--zelena);
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .kartice-div {
    width: 25vw;
  }

  .prijava-div {
    width: 80vw;
  }

  .galerija-hero-section {
    padding-top: 150px;
  }

  .galerija-slika {
    width: 300px;
    height: 180px;
  }

  .o-nama-slike {
    height: 300px;
  }

  .veci-paragraf {
    width: 90%;
  }

  .trusted-by-image {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tabs-menu {
    display: flex;
  }

  .kontakt-kartica {
    width: 40vw;
  }

  .jezik-ikonica {
    width: 30px;
    height: 30px;
    inset: 8% 1.5% auto auto;
  }

  .obavestenje-div {
    width: 40vw;
    height: 20vh;
  }

  .obavestenje-div.kurs-stranica {
    width: 40vw;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 36px;
  }

  h2 {
    width: 90%;
    font-size: 30px;
  }

  p {
    width: 80%;
  }

  .nav-container {
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
  }

  .container.puska {
    width: 80vw;
  }

  .podnaslov {
    font-size: 15px;
  }

  .kontakt-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .centrirani-cell.levo {
    justify-content: center;
    align-items: center;
  }

  .footer-container {
    padding-left: 0;
  }

  .footer-div {
    margin-bottom: 20px;
    padding-right: 0;
  }

  .menu-button {
    background-color: #0000;
  }

  .kartice-div {
    width: 30vw;
  }

  .gornji-footer-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .galerija-slika {
    width: 80vw;
    height: 250px;
  }

  .veci-paragraf {
    width: 90%;
  }

  .svi-kursevi-grid {
    width: 80vw;
    padding-bottom: 0;
  }

  .kursevi-kartice {
    justify-content: space-between;
  }

  .tabs-menu {
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }

  .footer-logo-container {
    padding-right: 15px;
  }

  .kontakt-kartica {
    width: 50vw;
  }

  .kontakt-ikonica {
    width: 40px;
  }

  .obavestenje-div {
    width: 50vw;
    height: 20vh;
  }

  .obavestenje-div.kurs-stranica {
    width: 50vw;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    width: 80vw;
    font-size: 30px;
  }

  h2 {
    font-size: 26px;
  }

  .container.puska {
    width: 90vw;
  }

  .inline-div {
    flex-flow: column;
  }

  .inline-div.centriran.kontakt {
    flex-flow: row;
  }

  .primarno-dugme {
    text-align: center;
    margin-bottom: 10px;
  }

  .sekundarno-dugme {
    text-align: center;
    margin-left: -9px;
  }

  .podnaslov {
    width: 80vw;
    font-size: 14px;
  }

  .crna-maska.manja-2 {
    flex-flow: column;
    justify-content: center;
  }

  .kontakt-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100vw;
  }

  .lottie-footer {
    margin-top: -8px;
  }

  .menu-button {
    margin-top: 40px;
  }

  .kartice-div {
    width: 80vw;
    height: auto;
  }

  .galerija-slika, .o-nama-slike {
    height: 200px;
  }

  .logo-div {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .trusted-by-image {
    width: 150px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .tabs-menu {
    flex-flow: column;
  }

  .tab-link {
    margin-top: 8px;
  }

  .tab-link:hover, .tab-link.w--current {
    transform: translate(10px);
  }

  .footer-logo-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .kontakt-kartica {
    width: 80vw;
  }

  .kurs-slika {
    width: 30vw;
  }

  .jezik-ikonica {
    width: 30px;
    height: 30px;
    inset: 5% 2% auto auto;
  }

  .jezik-ikonica.telefon {
    width: 30px;
    height: 30px;
    inset: auto 0% 0% auto;
  }

  .jezik-ikonica.srb {
    right: 13%;
  }

  .kurs-velika-slika {
    height: 40vh;
  }

  .jezik-slika {
    border-radius: 100%;
    width: 30px;
    height: 30px;
  }

  .kurs-kontakt-ikonica {
    width: 40px;
  }

  .obavestenje-div {
    width: 90vw;
    right: auto;
  }

  .obavestenje-div.kurs-stranica {
    width: 90vw;
  }

  .sekundarno-dugme-3 {
    text-align: center;
    margin-left: -9px;
  }
}

#w-node-_38708097-e0a7-fe02-d3e0-9ea60f5ca199-5b60b627 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_90a1bf28-4ba1-c83f-4a3b-1ea3f10838a7-3b694ed5 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_39501cf9-6785-e6d9-d6c3-86d731354601-31354600 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
}

#w-node-_4f0f1cbc-0ded-6865-81a5-9045c9214085-d0609529, #w-node-_8bf8bd3d-79b0-c12f-f473-757fa6bfb576-4235bce4 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#\31 0.w-node-_6e73980f-c45b-cf94-8071-56568c6e2355-4235bce4, #\31 1.w-node-_21ec7911-b43e-4ea9-431a-83ee6b2d8f1e-4235bce4, #\31 2.w-node-_6bc6231f-d7b1-092e-1a8a-6c7ce2a1df2e-4235bce4, #\31 215.w-node-_4afefaab-523d-d307-225e-76347b354d65-4235bce4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b17ef6bb-cd16-8131-e6c3-dd9dd9e41cbb-4235bce4 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

@media screen and (min-width: 1280px) {
  #w-node-_4f0f1cbc-0ded-6865-81a5-9045c9214085-d0609529 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_38708097-e0a7-fe02-d3e0-9ea60f5ca199-5b60b627 {
    grid-template-rows: minmax(200px, 1fr);
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_4f0f1cbc-0ded-6865-81a5-9045c9214085-d0609529 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_38708097-e0a7-fe02-d3e0-9ea60f5ca199-5b60b627 {
    grid-template-rows: minmax(200px, 1fr);
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_90a1bf28-4ba1-c83f-4a3b-1ea3f10838a7-3b694ed5 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_39501cf9-6785-e6d9-d6c3-86d731354601-31354600 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_4f0f1cbc-0ded-6865-81a5-9045c9214085-d0609529 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_8bf8bd3d-79b0-c12f-f473-757fa6bfb576-4235bce4 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #\31 0.w-node-_6e73980f-c45b-cf94-8071-56568c6e2355-4235bce4, #\31 1.w-node-_21ec7911-b43e-4ea9-431a-83ee6b2d8f1e-4235bce4, #\31 2.w-node-_6bc6231f-d7b1-092e-1a8a-6c7ce2a1df2e-4235bce4, #\31 215.w-node-_4afefaab-523d-d307-225e-76347b354d65-4235bce4, #w-node-b17ef6bb-cd16-8131-e6c3-dd9dd9e41cbb-4235bce4 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_38708097-e0a7-fe02-d3e0-9ea60f5ca199-5b60b627 {
    grid-template-rows: minmax(200px, 1fr);
    grid-template-columns: 1fr;
  }

  #w-node-_4f0f1cbc-0ded-6865-81a5-9045c9214085-d0609529 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_8bf8bd3d-79b0-c12f-f473-757fa6bfb576-4235bce4 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-b17ef6bb-cd16-8131-e6c3-dd9dd9e41cbb-4235bce4 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}