@charset "UTF-8";
/* CSS Document */

body {
	background-color: #000;
	padding: 0px;
	margin: 0px;
}

h1, h2, h3, h4, h5, h6, p {
	color: #fff;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	margin: 0px;
}
.header {
	padding-left: 5%;
	padding-top: 12px;
	padding-bottom: 12px;
}
.sideleft {
	width: 5%;
	float: left;
	height: 500px;
}
.sideleft h3 {
	padding: 12px;
	writing-mode:tb-rl;
	transform:rotate(-180deg);
}
.video {
	width: 90%;
	height: 500px;
	background-color: aliceblue;
	float: left;
}
.sideright {
	width: 2.5%;
	float: left;
	height: 500px;
	padding-left: 20px;
}
.sideright h3, h4 {
	writing-mode:tb-rl;
	transform:rotate(180deg);
	text-align: center;
	float: left;
}
.sideright a {
	color: #fff;
	text-decoration: none;
	padding: 5px;
	padding-bottom: 7px;
	background-color: #EA3511;
	border-radius: 0px;
	transition: 0.5s;
	cursor: crosshair;
}
.sideright a:hover {
	background-color: #F79D04;
}
.footer {
	text-align: center;
	position: fixed;
	bottom: 20px;
	width: 100%
}
.footer a {
	text-decoration: none;
	color: aliceblue;
}
.footer a:hover {
	text-decoration: underline;
	color: aliceblue;
}
b {
	font-weight: 700;
	color: aqua;
}
tt {
	color: #000;
	transition: 12s;
	}
tt:hover {
	color: #4F4F4F;
}

@media screen and (max-width:800px) {
	.header {
		padding-left: 8%;
	}
	.sideleft {
		width: 8%;
		height: 500px;
	}
	.video {
		width: 80%;
				height: 280px;

	}
	.sideright {
		width: 8%;
				height: 280px;

	}
}



@media screen and (min-width:1300px) {
	.header {
		padding-left: 4%;
	}
	.sideleft {
		width: 4%;
		height: 800px;
	}
	.video {
		width: 90%;
		height:700px;

	}
	.sideright {
		width: 4%;
		height: 700px;

	}
}


@media screen and (max-width:400px) {
	.header {
	padding-left: 5%;
	padding-top: 12px;
	padding-bottom: 12px;
}
.sideleft {
	width: 100%;
	float: left;
	height: 50px;
	visibility: hidden;
	display: none;
}
.sideleft h3 {
	padding: 0px;
	writing-mode:horizontal-tb;
	transform:rotate(0deg);
}
.video {
	width: 100%;
	height: 200px;
	background-color: aliceblue;
	float: none;
}
.sideright {
	width: 100%;
	float: none;
	height: 50px;
	padding-left: 0px;
}
.sideright h3, h4 {
	writing-mode: horizontal-tb;
	transform:rotate(0deg);
	text-align: center;
	float: none;
}
}