@media (max-width: 1200px) {
	body {
		background: linear-gradient(
			90deg,
			rgba(0, 0, 0, 1) 0%,
			rgba(8, 12, 14, 1) 10%,
			rgba(14, 22, 25, 1) 20%,
			rgba(24, 36, 42, 1) 30%,
			rgba(34, 49, 60, 1) 50%,
			rgba(21, 32, 38, 1) 70%,
			rgba(14, 22, 25, 1) 80%,
			rgba(8, 12, 14, 1) 90%,
			rgba(0, 0, 0, 1) 100%
		);
	}

	.container {
		flex-wrap: wrap;
		justify-content: center;
		height: auto;
		gap: 30px;
	}

	.container .mario {
		max-width: 50%;
	}

	.container .info {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.container .description {
		color: #ffffff;
		text-align: center;
	}

	.container .trailer-button {
		background-color: #db1b2b;
	}

	@media (max-width: 500px) {
		.header {
			flex-wrap: wrap;
			justify-content: center;
			gap: 10px;
		}
	}

	.container .image-title {
		max-width: 75%;
	}

	.modal .close-modal {
		width: 30px;
		line-height: 30px;
	}

	.modal #video {
		width: 370px;
		height: 210px;
	}

	@media (max-width: 376px) {
		.modal #video {
			width: 300px;
			height: 170px;
		}
	}
}