main {
  max-width: 1600px;
  width: 90%;

  margin: 0 auto;
}

main > article.album {
  background-color: #dddddd;
  border-radius: 1em;

  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(600px, 100%), 1fr));
  grid-auto-rows: minmax(400px, auto);
  grid-gap: 20px;
  margin-bottom: 50px;
  padding: 20px;
}

main > article.gallery {
  background-color: #dddddd;
  border-radius: 1em;

  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
  grid-auto-rows: minmax(300px, auto);
  grid-gap: 20px;
  margin-bottom: 50px;
  padding: 20px;
}

main > article > a {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  border-radius: 0.5em;

  transition: transform 250ms;

  display: flex;
  align-items: flex-end;
}

/* background images streetart albums */
main > article > a.daily-life-fig {
  background-image: url("../galleries/streetart/daily/14.06.2020-09-53-29_dailylifeandelse_0066.jpg");
}
main > article > a.barcelona-fig {
  background-image: url("../galleries/streetart/barcelona/15.10.2022-13-28-04_barcelona_0111.jpg");
}
main > article > a.serbia-fig {
  background-image: url("../galleries/streetart/serbia/23.10.2019-20-02-18_serbia_0281.jpg");
}
main > article > a.croatia-fig {
  background-image: url("../galleries/streetart/croatia/01.08.2021-21-41-45_croatia_0171.jpg");
}

/* background images concert albums */
main > article > a.rockintown2023-fig {
  background-image: url("../galleries/concerts/2023_rockintown/20230903_003107_RiT_2023_VoltageArc_039.jpg");
}
main > article > a.silentbass2023-fig {
  background-image: url("../galleries/concerts/2023_silentbass/07.12.2022-20-07-22_2022Silentbass_0077.jpg");
}
main > article > a.rockintown2022-fig {
  background-image: url("../galleries/concerts/2022_rockintown/04.09.2022-16-10-30_2022RockInTown_0158.jpg");
}
main > article > a.rockintown2020-fig {
  background-image: url("../galleries/concerts/2020_rockintown/20.09.2020-15-44-59_2020RockInTown_0005.jpg");
}
main > article > a.rockintown2019-fig {
  background-image: url("../galleries/concerts/2019_rockintown/26.09.2019-18-57-00_2019RockInTown_0055.jpg");
}
main > article > a.silentbass2018-fig {
  background-image: url("../galleries/concerts/2018_silentbass/27.10.2019-11-03-50_2018Silentbass_0196.jpg");
}
main > article > a.rockintown2018-fig {
  background-image: url("../galleries/concerts/2018_rockintown/27.10.2019-10-51-49_2018RockInTown_0210.jpg");
}
main > article > a.springrock2017-fig {
  background-image: url("../galleries/concerts/2017_springrock/23.10.2019-22-03-13_2017SpringRock_0242.jpg");
}
main > article > a.pilebucks2015-fig {
  background-image: url("../galleries/concerts/2015_pilebucks/21.10.2019-21-22-19_2015ThePileBucks_0288.jpg");
}
main > article > a.silentbass2015-fig {
  background-image: url("../galleries/concerts/2015_silentbass/23.10.2019-19-56-58_2015Silentbass_0275.jpg");
}
main > article > a.nofnog2015-fig {
  background-image: url("../galleries/concerts/2015_nofnog/23.10.2019-19-55-28_2015Nofnog_0300.jpg");
}
main > article > a.grungenight2015-fig {
  background-image: url("../galleries/concerts/2015_grungenight/21.10.2019-20-42-21_2015GrungeNight_0268.jpg");
}

main > article > a:hover {
  transform: scale(1.03);
}

main > article > a > section.caption-box {
  width: 100%;
  height: 4em;
  background-color: #000000;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 0 0 0.5em 0.5em;
}
