.gallery__img {
	object-fit: cover;
	margin-bottom: 30px;10px;
	cursor: pointer;
	transition: all 0.3s;
}

/*para q al pasar el cursor aumente un pokito de tamaño*/
.gallery__img:hover {
	transform: scale(1.05);
}
.gallery__img--big {
	height: 400px;
}

.gallery__img--small {
	height: 200px;
}

.modal {
	width: 100%;
	min-height: 100vh;
	background: rgba(0,0,0,0.9);
	position: fixed;
	top: 0:
	left: 0;
	z-index: 10000;
	display: none;
}

.modal__content {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}
.modal__img {
	width: 50%;
}

.modal__boton {
	/*para que pierda su posicion el absolute*/
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #DE423A;
	font-size: 2em;
	text-align: center;
	border-radius: 50%;
}

.modal--open {
	display: block;
}

/*mio*/
.subir {
	/*position: absolute;*/
	float: right;
	margin: .5cm;
	margin-top: -.9cm;
	top: 10px;
	right: 10px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #6E931D;#DE423A;
	font-size: 2em;
	text-align: center;
	border-radius: 50%;
	line-height: 42px;

	border: 1px solid black;
	box-shadow: 1px 2px black;
}