/*---------------------------*/
/* HEADER
/*---------------------------*/

.header {
  background-image: url(../assets/images/header.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 100vh;
}

/*---------------------------*/
/* NOVOSTI/
/*---------------------------*/

#novosti {
  padding-top: 60px;
}

.novosti {
  padding: 20px;
  text-align: justify;
  line-height: 1.5;
  margin-top: 20px;
}

.novosti_iframe {
  width: 100%;
  height: 80vh;
}

/*---------------------------*/
/* DISKOGRAFIJA/
/*---------------------------*/

#diskografija {
  padding-top: 60px;
}

#diskografija img {
  width: 100%;
}

.diskografija {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  row-gap: 20px;
}

.diskografija a :hover {
  opacity: 0.7;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.new_album {
  max-width: 490px;
  max-height: 490px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.2);
  width: 100%;
  line-height: 1.5;
}

.bandcamp {
  padding-top: 20px;
}

/*---------------------------*/
/* BIOGRAFIJA/
/*---------------------------*/

#biografija {
  padding-top: 60px;
}

.biografija {
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
  text-align: justify;
  line-height: 1.5;
}

.biografija_linija {
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
}

/*---------------------------*/
/* GALERIJA/
/*---------------------------*/

#galerija {
  padding-top: 60px;
}

.galerija {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 20px;
}

.galerija img {
  width: 100%;
  margin-bottom: 15px;
}

.galerija a :hover {
  opacity: 0.7;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

/*---------------------------*/
/* VIDEO/
/*---------------------------*/

#video {
  padding-top: 45px;
}

.video {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 48px;
  padding-bottom: 100px;
}

.video iframe {
  width: 100%;
  height: 250px;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
}

/* Big tablets */
@media screen and (max-width: 1200px) {
  .header {
    background-image: url(../assets/images/header_big_tablet.jpg);
    max-height: 613px;
  }
}

/* Small tablet to big tablet: from 768px to 1023px */
@media screen and (max-width: 1023px) {
  .header {
    background-image: url(../assets/images/header_tablet.jpg);
    max-height: 523px;
  }

  .novosti_iframe {
    max-height: 523px;
  }
}

/* Small tablets: from 581px to 767px */
@media screen and (max-width: 767px) {
  .header {
    background-image: url(../assets/images/header_small_tablet.jpg);
    max-height: 391px;
  }

  .novosti {
    font-size: 14px;
  }

  .novosti_iframe {
    max-height: 391px;
  }

  .biografija {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    font-size: 14px;
  }

  .diskografija {
    grid-template-columns: 1fr;
    column-gap: 0px;
  }

  .galerija {
    grid-template-columns: 1fr 1fr;
  }

  .new_album {
    max-width: 100%;
  }

  .galerija_last_child {
    display: none;
  }

  .video {
    grid-template-columns: 1fr 1fr;
    padding-bottom: 60px;
  }

  .video_last_child {
    display: none;
  }
}

/* Mobile phones: from 431px to 580px */
@media screen and (max-width: 580px) {
  .header {
    background-image: url(../assets/images/header_small_mobile.jpg);
    max-height: 219px;
  }

  #novosti {
    padding-top: 40px;
  }

  .novosti_iframe {
    max-height: 219px;
  }

  #diskografija {
    padding-top: 40px;
  }

  .diskografija img {
    margin-bottom: 15px;
  }

  #biografija {
    padding-top: 40px;
  }

  #galerija {
    padding-top: 40px;
  }

  .galerija {
    grid-template-columns: 1fr;
    column-gap: 0px;
  }

  .galerija img {
    margin-bottom: 15px;
  }

  #video {
    padding-top: 20px;
  }

  .video {
    grid-template-columns: 1fr;
    column-gap: 0px;
    padding-bottom: 20px;
  }

  .video iframe {
    margin-bottom: 15px;
    width: 93vw;
  }

  .video_last_child {
    display: block;
  }
}