/* Hero sections */
.hero-section {
  position: relative;
  background-size: cover;
  height: 100vh;
  background-position: right;
  z-index: 1;
}

.hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00522c;
  opacity: 0.5;
  z-index: -1;
}

/* Custom classes for different hero sections */
.hero-page {
  background-image: url(images/hero-img-desktop.jpg);
}

.hero-page-kontejner {
  background-image: url(images/hero-img-desktop.jpg);
}

.btn-primary {
  color: #fff;
  background-color: #ea9023;
  border-color: #ea9023;
  border-radius: 0px;
  padding: 10px;
  font-size: 20px;
  font-weight: bolder;
  border-radius: 5px;
}

.btn-primary:hover {
  color: #fff;
  background-color: #ea9023;
  border-color: #ea9023;
}

.row.contact {
  padding: 10px;
  background: #00522c;
  color: white;
}

.retina-logo {
  display: none;
}

a.navbar-brand.retina-logo.footer {
  display: block;
  max-width: 190px;
  width: 100%;
  margin: auto;
}

.selector-for-some-widget {
  box-sizing: content-box;
}

.send {
  margin-bottom: 5%;
  padding: 10px;
  font-weight: bolder;
}

h1 {
  font-weight: bolder !important;
  color: #fff;
}

h2 {
  font-weight: bolder !important;
}

a.nav-link.active {
  font-weight: bolder;
}

.title-description {
  color: #fff;
}

/* For screens with minimum width 1440px */
@media screen and (min-width: 768px) {
  .retina-logo {
    display: block;
  }
  img.retina-logo {
    max-width: 230px;
  }
  .title-description {
    color: #fff;
  }

  h1 {
    color: #fff;
    font-size: 60px;
  }

  .info.col-md-12.text-center {
    margin-top: -180px;
    z-index: 1;
  }
  a.navbar-brand.retina-logo.footer {
    max-width: 230px !important;
  }
}

/* For screens with max width 767px */
@media screen and (max-width: 767px) {
  .retina-logo {
    display: block;
    max-width: 170px;
  }

  h1 {
    color: #fff;
    font-size: 42px;
  }

  .info.col-md-12.text-center {
    margin-top: -150px;
    z-index: 1;
  }

  .box.g-recaptcha {
    margin: auto;
    width: fit-content;
  }
  a.btn.poziv.btn-primary {
    margin-bottom: 20px;
    width: 100%;
  }
  .hero-page {
    background-image: url(images/hero-img.jpg);
  }
  .hero-page-kontejner {
    background-image: url(images/hero-img.jpg);
  }
  .col-md-6.col-lg-6.text-md-right {
    display: none;
  }
}

/* For screens with max width 320px */
@media screen and (max-width: 320px) {
  a.tel-info-top {
    font-size: 13px !important;
  }
}

/* For screens with max width 375px */
@media screen and (max-width: 375px) {
  .retina-logo {
    display: block;
    max-width: 170px;
  }

  h1 {
    color: #fff;
    font-size: 38px;
  }

  p.text-white.m-0 {
    font-size: 12px;
  }

  .info.col-md-12.text-center {
    margin-top: -150px;
    z-index: 1;
  }
}

.card-img-top {
  margin: auto;
  padding-top: 20px;
  background-color: #00522c;
  width: 100%;
}

.card-deck {
  margin-top: 42px;
  margin-bottom: 20px;
}

h5.card-title {
  font-weight: bolder;
}

.contact.col-md-12.text-center {
  margin-top: -20px;
}

p {
  margin-bottom: 0px !important;
}

button.btn.btn-primary.send {
  width: 100%;
  margin-top: 20px;
}

.kontakt.mb-3 {
  background-color: #00522c;
  color: white;
  padding: 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
}

button.btn.btn-light {
  margin-bottom: 20px;
}

a.btn.poziv.btn-primary {
  margin-bottom: 20px;
}

footer ul {
  text-align: left;
}

footer address {
  font-style: normal;
}

footer ul.footer-list li a {
  color: black;
  text-decoration: none;
}

footer ul.footer-list li a:hover {
  text-decoration: underline;
}

.navigation.col.text-right {
  margin: auto;
}

button.btn.btn-primary.tel-info-top {
  font-size: 20px;
  padding: 10px;
}

section.container-fluid.mt-5 {
  margin-top: 0px !important;
}

i.fab.fa-instagram {
  margin-left: 5px;
}

h2.gallery {
  margin-top: 10px;
  margin-bottom: 30px;
}

h2.kontakt {
  margin-top: 10px;
  margin-bottom: 10px;
}

.dodatni-linkovi {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.dodatni-linkovi p {
  margin: 0 10px;
}
.dodatni-linkovi a {
  color: #f8f9fa;
}