#gallery-section {
      	display: flex;
      	align-items: center;
      	justify-content: center;
      	padding: 10px;
      	z-index: -1;
      }

      #thumbnail-gallery-container {
      	display: flex;
      	flex-flow: row wrap;
      	justify-content: space-between;
      	padding: 15px 50px 10px 50px;
      }

      .thumbnail {
        width: 32%;
        margin-bottom: 2%; 
        position: relative;
        }

      img.thumbnail-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        }

    @media only screen and (max-width: 800px){
    	#gallery-section {
    		padding: 10px 10px 0px 10px;
    	}
    	#thumbnail-gallery-container {
    	    padding: 0px;
    	}
    }

    /* Lightbox Styles */ 

	.lightbox-overlay {
    	display: flex;
    	transform: scale(0,1);
    	transition: transform 400ms ease-out;
    	transform-origin: center;
    	justify-content: center;
      align-items: center;
      background-color: rgb(80,80,80,0.95);
    	width: 100vw;
    	height: 100vh;
    	position: fixed;
    	top: 0;
    	left: 0;
    }

    .lightbox-overlay:target {
    	display: flex;
    	transform: scale(1,1);
    	z-index: 99999;
    };

    .lightbox-content {
    	color: rgb(250,250,250);
    	padding: 1.5em;
    	width: 75vw;
    	text-align: center;
    }

    .lightbox-image-title {
    	position: relative;
    	text-align: center;
    }

    .lightbox-navigation {
    	display: flex;
    	flex-flow: row wrap;
    	justify-content: space-evenly;
    }

    .close {
    	position: absolute;
    	background-color: none;
        top: 5px;    /* Top Right Corner Placement */
        right: 20px; 
        display: flex;
        justify-content: center;
        align-items: center;
    }

    a.close {
    	text-decoration: none;
    	font-weight: bold;
    	font-size :2em;
    	font-family: sans-serif;
    }

    .close::after {
    	content: 'X';
    	color: rgb(250,250,250);
    }

 

    .back, .next {
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	width: 24%;
    	height: 2em;
    	color: rgb(255,255,255);
    	margin: 1%;
    } 

    img.lightbox-image {
    	width: 65vw;
    	max-height: 65vh;
    	object-fit: contain;
    }

	video.thumbnail-video{
		width: 100% !important;
	}

	  @media screen and (max-width: 767px) {
		.thumbnail {
		  flex: 0 0 100%; 
		}

	  }