/* STYLES FOR PHOTO GALLERY */


#gallery-container {margin-bottom: 150px;
					display: flex;
					flex-wrap: wrap;
					justify-content: center;
					}

.gallery-image {margin: auto;
				max-height: 90%;
				max-width: 95%;
				border: 1px #000 solid;
				display: flex;
				}

#gallery-lightbox {height: 100%;
					width: 100%;
					background: rgba(0,0,0,0.8);
					position: fixed;
					top: 0;
					left: 0;
					margin: 0px;
					padding: 0px;
					z-index: 100;
					display: none;
					}

.gallery-thumb {max-width: 180px;
 					cursor: pointer;
 					border: 2px #fff solid;
 					transition-property: border;
 					transition-delay: .1s;
 					transition-duration: .25s;
 					}

.gallery-thumb:hover {border: 2px #001c4a solid;
						}

#full-image-container {display: flex;
						width: fit-content;
						border: 1px #f00 solid;
						}


/* BUTTON CONTROLS */

.close-btn {font-size: 35px;
			font-weight: bold;
			color: white;
			position: absolute;
			top: 15px;
			right: 15px;
			cursor: pointer;
			padding: 2px 15px;
			box-sizing: border-box;
			border-radius: 3px;
			transition: 0.2s;
			}

.close-btn:hover {background-color: #001c4a;
					}

.prev-btn,
.next-btn {color: white;
			font-weight: bold;
			font-size: 25px;
			position: absolute;
			top: 50%;
			width: auto;
			margin-top: -50px;
			cursor: pointer;
			box-sizing: border-box;
			border-radius: 3px;
			transition: 0.2s;
			}

.next-btn {right: 0;
			margin-right: 2%;
			padding: 15px 18px 15px 20px;
			}

.prev-btn {margin-left: 2%;
			padding: 15px 20px 15px 18px;
			}

.prev-btn:hover,
.next-btn:hover {background-color: #001c4a;
					}