/* PRE & DEP */
@import url('form.css');

/* COMMON */
.event-wrapper {
	position: relative;
	padding: 20px 0;
}
.event-wrapper .event-video,
.event-wrapper .event-poster,
.event-wrapper .event-register {
	margin: 20px auto 0 auto;
	box-sizing: border-box;
	text-align: center;
}
.event-wrapper .event-video h1 {
	display: inline-block;
	background: #EEE;
	padding: 10px;
	color: #0077AC;
}
.event-wrapper .event-video-wrapper {
	position: relative;
	background: #000;
	width: 100%;
}
.event-wrapper .event-video iframe {
	height: 100%;
}
.event-wrapper .event-poster img {
	width: 100%;
}
/* Smartphones */
@media (min-width: 300px) {
	.event-wrapper .event-video-wrapper {
		height: 200px;
	}
	.event-wrapper .event-video iframe {
		width: 100%;
	}
}
/* Landscape phones */
@media (min-width: 450px) {
	.event-wrapper .event-video-wrapper {
		height: 250px;
	}
}
/* Tablets */
@media (min-width: 600px) {
	.event-wrapper .event-video-wrapper {
		height: 280px;
	}
	.event-wrapper .event-video iframe {
		width: 500px;
	}
	.event-wrapper .event-register {
		width: 450px;
	}
}
/* Bigger tablets */
@media (min-width: 750px) {
	.event-wrapper .event-video-wrapper {
		height: 400px;
	}
	.event-wrapper .event-video iframe {
		width: 700px;
	}
}
/* Desktop screen or landscape tablet */
@media (min-width: 900px) {
	.event-wrapper .event-video-wrapper {
		height: 450px;
	}
	.event-wrapper .event-video iframe {
		width: 800px;
	}
}
/* Bigger desktop */
@media (min-width: 1100px) {
	
}
/* Widescreens */
@media (min-width: 1500px) { }