.hero-bkg-animated {

  /* background: white url(../img/prozirno_test1.png) repeat 0 0; */
  background: white url(../img/prozirno_test2.png  ) repeat 0 0;
  width: 100%;
  margin: 0;
  /* text-align: center; */
  height: 500px;
  /* padding-top: 30px; */
  box-sizing: border-box;
  -webkit-animation: slide 10s linear infinite;
  animation: slide 10s linear infinite;
  animation-direction: alternate;
}


@-webkit-keyframes slide {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -200px 0px;
  }
}

@keyframes slide {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -200px 0px;
  }
}


.pozadina {
  /* background-color: rgba(31, 57, 92, 1); */
  height: 80vh;
  background-color: #1A385E;
  /* -webkit-animation: color-change 5s ease infinite;
  animation: color-change 5s ease infinite;
  animation-direction: alternate; */
}

.dno {
  /* bottom: -10vh; */
  /* bottom: 1em; */
  top: 78vh;
  left: 50%;
  transform: translate(-50%, -50%);
}

.desno {
  bottom: 21vh;
  right: 1%;
  /* transform: translate(0%, -50%); */
  height: 70vh;
  width: 45vh;
}

.foto-mob {
  padding-top: 10vh;
  padding-bottom: 0em;
}

.hero-tekst {
  /* top: 35%; */
  top: 42vh;
  left: 50%;
  transform: translate(-50%, -50%);
}

@-webkit-keyframes color-change {
  from {
    background-color: #ffa900;
  }

  to {
    background-color: #1A385E;
  }
}

@keyframes color-change {
  from {
    background-color: #ffa900;
  }

  to {
    background-color: #1A385E;
  }
}