.naslov-1 {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
    display: block;
    font-size: 10px;
    font-size: 1rem;
    display: flex;
    justify-content: center;
    margin-top: 5rem;
  }
.naslov-2 {
    font-weight: 700;
    font-size: 38px;
    font-size: 2.375rem;
  }
.naslov-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 5rem;
  }
.naslov-wrapper-2 {
    display: none;
    flex-direction: column;
    justify-content: space-evenly;
}
.info-wrapper {
    display: flex;
    flex-direction: column;
  }

.naslov-wrapper-1-2 {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-top: 3rem;
}

.logo-ajda-1 {
  width: 120px;
}

.gumb-header-1 {
  border: none; 
  background-color: transparent; 
  font-size: 20px; 
  font-weight: 500; 
  margin-right: 30px;
  text-decoration: none;
  color: black;
}
.gumb-header-2 {
  border: none; 
  border-radius: 15px; 
  padding: 10px 18px; 
  background-color: #6bdbe0; 
  color: black; 
  font-size: 20px; 
  font-weight: 500;
  text-decoration: none;
}
.koledar-mobile {
  display: none;
}
.koledar-pc {
  display: flex;
}

.header-wrapper-p {
  display: flex;
  flex-direction: row; 
  justify-content: space-between; 
  align-items: center; 
  padding: 20px 50px;
}

@media screen and (max-width: 991px) {
  .naslov-wrapper-1{
      display: none;
  }
  .naslov-wrapper-2 {
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
  }

}
@media screen and (max-width: 700px) {
  .naslov-wrapper-1{
      display: none;
  }
  .naslov-wrapper-2 {
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      align-items: center;
  }
  .naslov-wrapper-1-2 {
    display: flex;
    flex-direction: column;
  }
  .logo-ajda-1 {
    width: 80px;
  }
  .gumb-header-1 {
    font-size: 14px;
    padding: 4px 7px;
  }
  .gumb-header-2 {
    font-size: 14px;
    padding: 4px 7px;
  }
  .koledar-mobile {
    display: flex;
  }
  .koledar-pc {
    display: none;
  }
  .header-wrapper-pp {
    padding: 0;
}
}
