@media screen and (max-width: 992px) {
  .nav-bar {
    justify-content: center;
  }
  .nav-bar div {
    font-size: 1.07em
  }
  .glava-text {
    font-size: 1.4em;
  }
  .uvodne-reči {
    font-size: 1.3em;
  }
  .uvodne-reči p  {
    margin-bottom: -10px;
    padding: 0 40px
  }
  .usluge {
    max-width: 70%;
    font-size: 1.4em;
    padding: 30px 20px;
    text-align: center
  }
  .o-nama {
    font-size: 1.2em;
  }
  .o-nama > p {
    width: 80%;
  }
  .int-prevoz img, .gradska-međugradska img {
    width: 20%;
  }
  h5 {
    padding-top: 20px;
  }
}
@media screen and (max-width: 600px) {
  body {
   background-size: contain;
   background-attachment:scroll;
  }
  .nav-bar {
   flex-direction: column;
   font-size: 0.9em;
   align-items: flex-start;
   position: absolute;
   top: 70px;
   height: 0;
   visibility: hidden;
   overflow: hidden;
   background-color: white;
   width: 100%;
   border-top: 3px solid #996600;
   transition: height 0.7s, visibility 0.7s;
  }
  #slovo-m, #slovo-n {
    font-size: 1.1em;
  }
  .nav-bar-animacija {
    height:200px;
    visibility: visible;
  }
  .katalog > div {
    margin-top: 0;
    width:max-content;
    position: absolute;
    color:black;
    background-color: white;
    font-size: 1em;
    border: 1px solid silver;
    padding: 0 10px;
    box-shadow: 2px 2px 0 0 rgba(0,0,0,0.2);
    border-radius: 2px;
    visibility: hidden;
  }
  #usluge > div {
    top: -65px;
  }
  #oprema > div {
    top: 0;
    left: 180px;
  }
  .zindex {
    z-index: 1;
  }
  .zindex p:first-of-type {
    margin-bottom: 15px;
  }
  #katalog {
    margin-bottom: 8px
  }
  .glava {
    flex-direction: column;
    padding-bottom: 10%;
  }
  .glava img {
    width: 84%;
  }
  .glava img:last-of-type {
    border-radius: 7px;
    order: 2;
  }
  .glava img:nth-of-type(2) {
    order: 1;
  }
  .glava img:first-of-type {
    display: none;
  }
  .glava-text {
    background-color: #b7a164;
    font-size: 1.1em;
    font-weight: 600;
    padding: 20px 10px;
    border-radius: 0;
  }
  .drugo {
    padding-top: 0;
    margin-top: -20px;
  }
  .uvodne-reči {
    font-size: 1.2em;
    padding: 0 5px;
  }
  .uvodne-reči p {
    margin-bottom: -15px;
  }
  .usluge {
    max-width: 80%;
    font-size: 1.3em;
    padding: 30px 15px;
    text-align: center;
    margin-bottom: 50px;
  }
  .usluge p {
    padding: 10px 0px;
  }
  .o-nama {
    font-size: 1.1em;
    margin-bottom: 100px;
  }
  h3 {
    font-size: 1.3em;
  }
  #onama ul {
    font-size: 0.98em;
  }
  .o-nama div {
    width: 90%;
  }
  #prva-lista li {
    padding: 7px 0;
    margin-right: 15px;
  }
  .int-prevoz, .gradska-međugradska {
    background-color: #b7a164;
    font-size: 1.15em
  }
  .int-prevoz img, .gradska-međugradska img {
    width: 45%;
  }
  h5 {
    font-size: 1.2em;
  }
   footer p {
    font-size: 1.05em;
  }
  .footer-blok p:nth-of-type(1), .footer-blok p:nth-of-type(2) {
   text-align: center;
  }
  #gore {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 400px) {
  .glava-text {
    font-size: 1.05em;
    font-weight: 600;
    padding: 15px 10px;
  }
  .drugo {
    padding-top: 7px;
    margin-top: -20px;
  }
  .uvodne-reči {
    font-size: 1.15em;
    padding: 0 5px;
  }
  .int-prevoz p:nth-of-type(1), .int-prevoz p:nth-of-type(2) {
    text-align: center;
  }
  .dokumenta p:last-of-type {
     margin-top: 5px;
  }
  .int-prevoz img, .gradska-međugradska img {
    width: 99.5%;
    margin-bottom: 20px;
  }
  .int-prevoz p:nth-of-type(1), .int-prevoz p:nth-of-type(2) {
    text-align: center;
  }
  h4 {
    font-size: 1em;
    border-radius: 2px;
  }
  #cvece {
    text-align: center;
  }
  #gore {
    font-size: 1.3em;
  }
   h5 {
    padding-top: 10px;
  }
}
@media screen and (max-width: 325px) {
   .uvodne-reči {
    font-size: 5.8vw;
  }
  h4, .o-nama {
    font-size: 5.5vw;
  }
  .glava-text {
    font-size: 5.7vw;
  }
}