div.gallery_cont {
  display: inline-block;
  visibility: hidden;
  position: absolute;
  top: 6.4vh;
  left: 3vmin;
  min-width: 92%;
  border: 0.75vmin solid black;
  padding: 1vmin;
  background-color: white;
  z-index: 2;
}

div.blank_back {
  display: block;
  position: absolute;
  top: -5.5vh;
  left: -1%;
  height: 120%;
  width: 102%;
  background-color: white;
  visibility: hidden;
  z-index: 4;
}

p.gallery_notes {
  position: relative;
  font-family: calibri, sans-serif;
  font-size: 2.8vmin;
  text-align: justify;
  max-width: 97%;
  color: red;
}

/* Subject selectors */
label.label_show {
  display: inline-block;
  position: relative;
  top: 2vh;
  left: 4.5vmin;
  height: 4.75vh;
  border: 0.25vmin solid black;
  border-top-left-radius: 1.25vmin;
  border-top-right-radius: 1.25vmin;
  padding: 0.5vh 1vmin 3.75vh 1vmin;
  font-family: georgia, serif;
  font-size: 2.7vmin;
  font-style: italic;
  text-decoration: none;
  color: black;
  background-color: lightgray;
  cursor: pointer;
  z-index: 1;
}

.label_show:hover {
  color: orange;
}

.radio_show_gallery,.radio_show_picture { display: none; }
.radio_close_picture { display: none; }

#radio_abstract:checked~#abstract_cont { visibility: visible; }
#radio_abstract:checked~#label_abstract { color: orange; background-color: white; }
#radio_landscape:checked~#landscape_cont { visibility: visible; }
#radio_landscape:checked~#label_landscape { color: orange; background-color: white; }
#radio_portrait:checked~#portrait_cont { visibility: visible; }
#radio_portrait:checked~#label_portrait { color: orange; background-color: white; }
#radio_local:checked~#local_cont { visibility: visible; }
#radio_local:checked~#label_local { color: orange; background-color: white; }
#radio_miscellany:checked~#miscellany_cont { visibility: visible; }
#radio_miscellany:checked~#label_miscellany { color: orange; background-color: white; }
.radio_show_picture:checked~.blank_back { visibility: visible; }

/* Full screen pictures */
div.full_pict_cont {
  display: inline-block;
  position: absolute;
  top: -3.5vh;
  left: 50%;
  z-index: 0;
  visibility: hidden;
}

img.full_picture {
  display: block;
  max-height: 54vh;
  max-width: 65vw;
  height: auto;
  width: auto;
}

figcaption.pict_caption {
  color: darkslategray;
  font-size: 3.75vmin;
}

span.pict_title {
  font-weight: bold;
}

#radio_abstract_1:checked~#full_pict_abstract_1 { visibility: visible; z-index: 5; }
#radio_abstract_2:checked~#full_pict_abstract_2 { visibility: visible; z-index: 5; }
#radio_abstract_3:checked~#full_pict_abstract_3 { visibility: visible; z-index: 5; }
#radio_abstract_4:checked~#full_pict_abstract_4 { visibility: visible; z-index: 5; }
#radio_abstract_5:checked~#full_pict_abstract_5 { visibility: visible; z-index: 5; }
#radio_abstract_6:checked~#full_pict_abstract_6 { visibility: visible; z-index: 5; }
#radio_abstract_7:checked~#full_pict_abstract_7 { visibility: visible; z-index: 5; }
#radio_abstract_8:checked~#full_pict_abstract_8 { visibility: visible; z-index: 5; }

#radio_portrait_1:checked~#full_pict_portrait_1 { visibility: visible; z-index: 5; }
#radio_portrait_2:checked~#full_pict_portrait_2 { visibility: visible; z-index: 5; }
#radio_portrait_3:checked~#full_pict_portrait_3 { visibility: visible; z-index: 5; }
#radio_portrait_4:checked~#full_pict_portrait_4 { visibility: visible; z-index: 5; }
#radio_portrait_5:checked~#full_pict_portrait_5 { visibility: visible; z-index: 5; }
#radio_portrait_6:checked~#full_pict_portrait_6 { visibility: visible; z-index: 5; }
#radio_portrait_7:checked~#full_pict_portrait_7 { visibility: visible; z-index: 5; }
#radio_portrait_8:checked~#full_pict_portrait_8 { visibility: visible; z-index: 5; }

#radio_landscape_1:checked~#full_pict_landscape_1 { visibility: visible; z-index: 5; }
#radio_landscape_2:checked~#full_pict_landscape_2 { visibility: visible; z-index: 5; }
#radio_landscape_3:checked~#full_pict_landscape_3 { visibility: visible; z-index: 5; }
#radio_landscape_4:checked~#full_pict_landscape_4 { visibility: visible; z-index: 5; }
#radio_landscape_5:checked~#full_pict_landscape_5 { visibility: visible; z-index: 5; }
#radio_landscape_6:checked~#full_pict_landscape_6 { visibility: visible; z-index: 5; }
#radio_landscape_7:checked~#full_pict_landscape_7 { visibility: visible; z-index: 5; }
#radio_landscape_8:checked~#full_pict_landscape_8 { visibility: visible; z-index: 5; }

#radio_local_1:checked~#full_pict_local_1 { visibility: visible; z-index: 5; }
#radio_local_2:checked~#full_pict_local_2 { visibility: visible; z-index: 5; }
#radio_local_3:checked~#full_pict_local_3 { visibility: visible; z-index: 5; }
#radio_local_4:checked~#full_pict_local_4 { visibility: visible; z-index: 5; }
#radio_local_5:checked~#full_pict_local_5 { visibility: visible; z-index: 5; }
#radio_local_6:checked~#full_pict_local_6 { visibility: visible; z-index: 5; }
#radio_local_7:checked~#full_pict_local_7 { visibility: visible; z-index: 5; }
#radio_local_8:checked~#full_pict_local_8 { visibility: visible; z-index: 5; }

#radio_miscellany_1:checked~#full_pict_miscellany_1 { visibility: visible; z-index: 5; }
#radio_miscellany_2:checked~#full_pict_miscellany_2 { visibility: visible; z-index: 5; }
#radio_miscellany_3:checked~#full_pict_miscellany_3 { visibility: visible; z-index: 5; }
#radio_miscellany_4:checked~#full_pict_miscellany_4 { visibility: visible; z-index: 5; }
#radio_miscellany_5:checked~#full_pict_miscellany_5 { visibility: visible; z-index: 5; }
#radio_miscellany_6:checked~#full_pict_miscellany_6 { visibility: visible; z-index: 5; }
#radio_miscellany_7:checked~#full_pict_miscellany_7 { visibility: visible; z-index: 5; }
#radio_miscellany_8:checked~#full_pict_miscellany_8 { visibility: visible; z-index: 5; }

.img_label {
  display: block;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0.5vmin solid dimgray;
  z-index: 1;
  cursor: zoom-in;
}

.close_label {
  position: absolute;
  top: -3.5vmin;
  right: -3.0vmin;
  border: 0.5vmin solid gray;
  border-radius: 4vmin;
  color: white;
  background-color: black;
  font-size: 4vmin;
  font-weight: bold;
  padding: 0vmin 1.0vmin 0vmin 1.0vmin;
  cursor: pointer;
}

.close_label:hover {
  background-color: lightgray;
}

/* Portrait style */
@media screen and (max-width: 460px) {
  .picture_grid {
    display: grid;
	margin: auto auto;
	padding: 0.75vmin;
    height: 55vh;
    width: 80vw;
	max-height: 96vw;
	max-width: 80vw;
    align-items: center;
	justify-items: center;
    z-index: 2;
    grid-template-columns: 33.33% 33.33% 33.33%;
    grid-template-rows: 33.33% 33.33% 33.33%;
  }

  .picture_el {
    height: 100%;
    width: 100%;
    padding: 0.5vmin;
	z-index: 3;
  }

  .pict_1 {
    grid-column: 1 / 1;
    grid-row: 1 / 1;
  }

  .pict_2 {
    grid-column: 2 / 2;
    grid-row: 1 / 1;
  }

  .pict_3 {
    grid-column: 3 / 3;
    grid-row: 1 / 1;
  }

  .pict_4 {
    grid-column: 1 / 1;
    grid-row: 2 / 2;
  }

  .pict_5 {
    grid-column: 2 / 2;
    grid-row: 2 / 2;
  }

  .pict_6 {
    grid-column: 3 / 3;
    grid-row: 2 / 2;
  }

  .pict_7 {
    grid-column: 1 / 1;
    grid-row: 3 / 3;
  }

  .pict_8 {
    grid-column: 2 / 2;
    grid-row: 3 / 3;
  }

  div.full_pict_cont {
    transform: translate(-50%, 0);
  }
}

/* Landscape style */
@media not screen and (max-width: 460px) {
  .picture_grid {
    display: grid;
	margin: auto auto;
    height: 45.0vw;
    width: 80.0vw;
    max-height: 50.0vh;
    max-width: 105.0vh;
    align-items: center;
	justify-items: center;
    z-index: 2;
    grid-template-columns:  25% 25% 25% 25%;
    grid-template-rows:  50% 50%;
  }

  .picture_el {
    height: 100%;
    width: 100%;
    padding: 0.5vmin;
	z-index: 3;
  }

  .pict_1 {
    grid-column: 1 / 1;
    grid-row: 1 / 1;
  }

  .pict_2 {
    grid-column: 2 / 2;
    grid-row: 1 / 1;
  }

  .pict_3 {
    grid-column: 3 / 3;
    grid-row: 1 / 1;
  }

  .pict_4 {
    grid-column: 4 / 4;
    grid-row: 1 / 1;
  }

  .pict_5 {
    grid-column: 1 / 1;
    grid-row: 2 / 2;
  }

  .pict_6 {
    grid-column: 2 / 2;
    grid-row: 2 / 2;
  }

  .pict_7 {
    grid-column: 3 / 3;
    grid-row: 2 / 2;
  }

  .pict_8 {
    grid-column: 4 / 4;
    grid-row: 2 / 2;
  }

  div.full_pict_cont {
    transform: translate(-50%, 0);
  }
}

/* RWD */
@media screen and (min-width: 560px) {
  figcaption.pict_caption { font-size: 2.75vmin; }
}