.polariod-gallery li { display: inline-block; width: 30vw; height: auto }
.polariod-gallery li img { width: 100%; }
.polariod-gallery li img:hover { opacity: 0.75; }

.gallery-title { font-size: 36px; font-weight: bold }

/* -------------------------------------------------------------- */

.thumbnail-gallery { display: flex; 
			flex-direction: row;
			flex-wrap: wrap; }

.thumbnail-gallery div {
			/* padding-left: 0.5vw; padding-right: 0.5vw; padding-top: 1vh; padding-bottom: 1vh; Gives you the photo border */
		 	 /* Gives you the gap between each photo */
			box-shadow: 5px 10px 10px gray;
			}


.thumbnail-gallery figcaption { text-align: center }

.thumbnail-gallery img { object-fit: cover; height: 100%; width: 100% }/* Ensure img fits size of div */ 	

.thumbnail-gallery img:hover { opacity: 0.75; }

.section-gallery { display: flex; 
			flex-direction: row;
			flex-wrap: wrap; }
			
/* --------------------------------------------------------------------------------------------------------- */

.section-gallery div {
			/* padding-left: 0.5vw; padding-right: 0.5vw; padding-top: 1vh; padding-bottom: 1vh; Gives you the photo border */
		 	 /* Gives you the gap between each photo */
			box-shadow: 5px 10px 10px gray;
			}

.section-gallery img { object-fit: fill; height: 100%; width: 100% }/* Ensure img fits size of div */ 	

.section-gallery img:hover { opacity: 0.75; }

/* -------------------------------------------------------------------------- */

@media screen and (orientation:landscape)
{
	.thumbnail-gallery div { width: 15vw; height: 10vw; margin-left: 0.5vw; margin-right: 0.5vw; margin-top: 1.5vh; margin-bottom: 1.5vh; }
	.thumbnail-gallery div.stitch { width: 31vw; margin-left: 0.5vw; margin-right: 0.5vw }
	.thumbnail-gallery video { height: 30vh; width: 20vw }

	.section-gallery div { height: 30vh; width: 20vw; margin-left: 2vw; margin-right: 2vw; margin-top: 5vh; margin-bottom: 1.5vh;}
}

@media screen and (orientation:portrait)
{
	.thumbnail-gallery div { height: 10vh; width: 20vw; margin-left: 1vw; margin-right: 1vw; margin-top: 1vh; margin-bottom: 1vh; }	
	.thumbnail-gallery div.stitch { width: 42vw; margin-left: 1vw; margin-right: 1vw }
	.thumbnail-gallery video { height: 5vh; width: 20vw }

	.section-gallery div { height: 5vh; width: 20vw;  margin-left: 2vw; margin-right: 2vw; margin-top: 2vh; margin-bottom: 1vh;  }
}