/*******************************************************************************/
/* Ovdje mijenjaj samo 'color', 'font-family' i 'background-image'             */
/*******************************************************************************/

.naslovna_slika{
  background-image: url('../page_images/naslovna03.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%; height: 300px;
  font-size: 30px;
  font-weight: bold;
  color: #ffd500;
  font-family: Smokum, Comic Sans MS;
  position: relative;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  border-bottom: 3px solid #ffd500;
  border-top: 3px solid #ffd500;
  margin: 0;
}

h1{
  margin-top: 2%;
  margin-bottom: 1.0%;
}
.naslovna_slika img{
  position: absolute;
  right: 0;
  bottom: 0;
  height: 50%;
  border-radius: 80px;
  border: 2px solid #ffd500;
}

@media only screen and (min-width: 10px) and (max-width: 520px){
  .naslovna_slika{
    width: 97%; height: 200px;
    font-size: 17px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  }
}

@media only screen and (min-width: 1000px){
  h1{
    margin-bottom: -0.5%;
  }
}