.modal-img {
	position: fixed;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0,0,0,.8);
	top: 0;
	left: 0;
	z-index: 20;
}
.modal-img__close {
	position: absolute;
	width: 35px;
	height: 35px;
	background-color: white;
	border-radius: 100%;
	top: 1em;
	right: 1em;
	cursor: pointer;
}
.modal-img__close span {
	position: absolute;
	display: block;
	width: 20px;
	height: 3px;
	background-color: black;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.modal-img__close span:first-child {
	transform: rotate(45deg);
}
.modal-img__close span:last-child {
	transform: rotate(-45deg);
}
.modal-img__img {
	width: 600px;
	display: block;
}
.modal-img__img img {
	width: 100%;
}
@media (max-width: 768px) {
	.modal-img__img {
		width: 80%;
	}
}
@media (max-width: 480px) {
	.modal-img__close {
		top: .5em;
		right: .5em;
	}
	.modal-img__img {
		width: 100%;
	}
}