#divBigCenter {

    display: -webkit-flex;

    justify-content: space-around;

    height: 20em; 

    border-radius: 5px 5px 5px 5px;

    box-shadow: 1px 2px 5px rgba(0,0,0,0.25);

    margin: 2%;

}

.divMiniatura {

    display: none;

    justify-content: space-around;

    border-radius: 5px 5px 5px 5px;

    box-shadow: 1px 2px 5px rgba(0,0,0,0.25);

}

.divMiniatura:hover{

    opacity: 0.6;

    cursor: pointer;

}



#divLightBox {

	display: none;

	position: fixed;

	z-index: 2;

	top:1px;

	margin:3%; 

	height: 90%;

	width: 94%;

	background-color: rgba(20,20,20,0.95);

	border-radius: 8px 8px 8px 8px;

	box-shadow: 2px 4px 10px rgba(0,0,0,0.75);

}

	#closeBtn {

		float:right;

		margin: 2%;

		color:white;

		font-size: 1em; font-family: sans-serif; letter-spacing: 0.3em;

	}

	#closeBtn:hover {

		color: yellow;

		cursor: pointer;

	}

	#imgLightBox {

		position: absolute;

		margin: auto;

		top:0; left: 0; right: 0; bottom:0;

		border-radius: 8px 8px 8px 8px;

		border: 4px solid white;

		max-width: 85%; max-height: 85%;

	}

	@media only screen and (min-width: 1060px) {

		#divGallery{

			

			display: flex;

			flex-direction:row;

			margin-left: 5%;

			width: 90%;

		} 

		#divMiniaturaContainer {

			display: flex;

			flex-direction:column;

			justify-content: space-around;

			margin-top: 1em; margin-bottom: 1em;

			width: 18%;

		}

		#divBigCenter {

			display: flex;

			justify-content: space-around;

			margin:0px;

			border: 5px solid rgb(255, 230, 0);

			border-radius: 5px 5px 5px 5px;

			box-shadow: 1px 2px 5px rgba(0,0,0,0.25);

			height: 33em;

			width: 80%;

		}

		.divMiniatura {

			margin: 0px;

			height: 6em;

			width: 10em;

			display: -webkit-flex;

		}

		#divMiniaturaMain {

			border: 5px solid rgb(255, 230, 0);

		}

	}