.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.video_wrapper iframe, .embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video_wrapper {
	position: relative;
	padding-bottom: 33.34%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */
}

.grid-cols-12 {
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

.col-span-11 {
	grid-column: span 11 / span 11;
}

.col-span-10 {
	grid-column: span 10 / span 10;
}

.cursor-default {
	cursor: default;
}

.text-red-500 {
	color: red;
}

.text-green {
	color: green;
}

.white-zoom {
	cursor: url('../img/icon_zoom.png'), auto;
}

.auto-zoom {
	cursor: auto;
}

.justify-items-end {
	justify-items: end;
}

@media (min-width: 768px) {
	.md\:top-half {
		top: 50%;
	}

	.md\:fixed {
		position: fixed;
	}

	.md\:w-7 {
		width: 1.75rem;
	}

	.md\:h-7 {
		height: 1.75rem;
	}

	.md\:flex {
		display: flex;
	}

}

.w-3 {
	height: 0.75rem;
}

.h-3 {
	height: 0.75rem;
}

.my-2 {
	margin-top: 0.5rem; /* 8px */
	margin-bottom: 0.5rem; /* 8px */
}

.justify-end {
	justify-content: flex-end;
}

@media (min-width: 1024px) {
	.lg\:gap-x-0 {
		column-gap: 0px;
	}

	.lg\:gap-x-1 {
		column-gap: 0.25rem;
	}
}

.gap-x-20 {
	column-gap: 5rem;
}

.pb-16 {
	padding-bottom: 4rem; /* 64px */
}

.pb-14 {
	padding-bottom: 3.5rem;
}

.pb-12 {
	padding-bottom: 3rem;
}

.pb-10 {
	padding-bottom: 2.5rem;
}

.z-40 {
	z-index: 40;
}

.z-50 {
	z-index: 50;
}

.ml-5 {
	margin-left: 1.25rem; /* 20px */
}