/*!
 * Start Bootstrap - Landing Page v5.0.0 (https://startbootstrap.com/template-overviews/landing-page)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-landing-page/blob/master/LICENSE)
 */

body {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
}

header.masthead {
  position: relative;
  background-color: #343a40;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

#header-home {
  background: url("../img/naslovna.jpg") no-repeat center center;
}


#header-promo {
  background: url("../img/heder-promo.jpg") no-repeat center center;
  background-position-y: 80%;
}

@media (max-width: 768px) {
  #header-home {
    background: url("../img/naslovna-mobile.jpg") no-repeat center center;
    zoom: 60%;
  }

  #header-promo {
    zoom: 50%;
  }
}

header.masthead .overlay {
  position: absolute;
  background-color: #212529;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}

header.masthead h1 {
  font-size: 2rem;
}

@media (min-width: 768px) {
  header.masthead {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  header.masthead h1 {
    font-size: 2rem;
  }
}

.showcase .showcase-text {
  padding: 3rem;
}

.showcase .showcase-img {
  /*min-height: 30rem;*/
  background-size: cover;
}

@media (max-width: 768px) {
  .embed-responsive {
    margin-top: 3%;
  }
  
  .showcase .showcase-img {
    min-height: 0rem;
  }

  .showcase .showcase-text {
    border-bottom: 10px solid lightgrey;
  }

}

@media (min-width: 768px) {
  .showcase .showcase-text {
    /*padding: 7rem;*/
  }
}

.features-icons {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.features-icons .features-icons-item {
  max-width: 20rem;
}

.features-icons .features-icons-item .features-icons-icon {
  height: 7rem;
}

.features-icons .features-icons-item .features-icons-icon i {
  font-size: 4.5rem;
}

.features-icons .features-icons-item:hover .features-icons-icon i {
  font-size: 5rem;
}

.testimonials {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.testimonials .testimonial-item {
  max-width: 18rem;
}

.testimonials .testimonial-item img {
  max-width: 80%;
  /*max-width: 12rem;
  -webkit-box-shadow: 0px 5px 5px 0px #adb5bd;
  box-shadow: 0px 5px 5px 0px #adb5bd;*/
}

.call-to-action {
  position: relative;
  background-color: #343a40;
  background: url("../img/contact-footer.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.call-to-action .overlay {
  position: absolute;
  background-color: #212529;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}

footer.footer {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

/* added by vuk */
.icon-people:before {
  color: grey;
}

.icon-flag:before {
  color: grey;
}

.icon-film:before {
  color: grey;
}

#quantox{
  margin-top: 12%;
}

#htec {
  margin-top: 13%;
}

@media (max-width: 768px) { 
  #quantox{
    margin-top: 0%;
  }
}

.lead {
  font-weight: 400 !important;
}

#mail-form {
  margin: auto;
}

#send-mail {
  background: transparent;
  border: 1px solid white;
  color: white;
  font-size: 22px;
}

#send-mail:hover {
  background-color: grey;
}

.btn-secondary {
  color: grey;
  background: transparent;
}

#logo {
  margin-bottom: unset !important;
  max-width: 20%;
}

.list-inline-item a{
  color: white;
  text-decoration: none;
}

.list-inline-item a:hover {
  color: #989898;
}

.iwt {
  color: white !important;
  z-index: 1;
  font-size: 22px;
}

.contact-side-info{
  font-size: 1.7rem;
}

@media (max-width: 768px) { 
  #logo {
    max-width: 50%;
  }

  .iwt {
    margin: auto;
    margin-top: 10%;
  }
}

#partners {
  background-color: black;
}

.bg-light {
  background-color: black !important;
}

#videos {
  background-color: black;
}

#promo-link {
  color:#e23931;
  font-size: 20px;
  /*margin-left: 10px;*/
  margin-top: 5px;
}

#promo-link:hover {
  color: grey;
}

#promo-content {
  background-color: black;
}

#promo-content-inner-div {
  margin:auto; 
  padding-top:10%; 
  padding-bottom:5%; 
  font-size: 1.25rem; 
  color:#989898;
}

#promo-content-video {
  margin: auto;
  width: 900px;
  height: 600px;
  margin-bottom: 4%;
}

@media (max-width: 768px) { 
  #promo-content-video {
    width: 500px;
    height: 350px;
  }
}

#promo-content-bottom {
  margin: auto;
  font-size: 1.25rem; 
  color:#989898;
  line-height: 1.0;
  margin-bottom: 5%;
}

#promo-content-bottom-contact{
  margin: auto;
  font-size: 1.25rem; 
  color:#989898;
  margin-top: 3%;
}