.overlay {
	position: fixed;
	z-index: 1;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: hsla(0, 0%, 0%, 0.8);
	opacity: 0;
	transition: opacity 0.2s ease;
	pointer-events: none;
}

.overlay_display {
	opacity: 1;
	pointer-events: initial;
}

.overlay_open {
	overflow-x: hidden;
	overflow-y: hidden;
}

.overlay__content {
	width: 840px;
	height: 472px;
}

.overlay__close-button {
	position: fixed;
	top: 30px;
	right: 30px;
	color: white;
	font-size: 24px;
}

@media (max-width: 991px) {
	.overlay__content {
		width: 560px;
		height: 315px;
	}
}

@media (max-width: 575px) {
	.overlay__content {
		width: 100%;
		height: calc(100% - 130px);
	}

	.overlay {
		background-color: hsla(0, 0%, 0%, 1);
	}
}