* {
/*	text-rendering: optimizeLegibility !important;*/
/*	-webkit-font-smoothing: antialiased !important;*/
}

.container { max-width: 996px; }
.form-control {
	border: 1px solid #999;
	font-size:12px;
	border-radius:0;
}

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

img.full {
	width: 100%;
}

.top {
	padding-bottom: 20px;
	padding-top: 20px;
	width: 95%;
	margin: auto;
	height: 88px;
}

.footer {
	padding-top: 20px;
}

.logo {
	float: left;
}

.logo-img {
	width: 160px;
}

.top-headline {
	float: right;
}


.copyright {
	color: #fff;
	font-size: 10px;
	text-align: center;
	width: 85%;
	margin: auto;
}

h1 {
	font-size: 30px;
	color: #fff;
	font-weight: 200;
	letter-spacing:-1px;
	margin-top:5px;
}

.freeaccess {
	opacity: 1;
}
h2 {
    text-shadow: 1px 1px 1px rgb(60, 60, 60);
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -2px;
    text-align: right;
	padding-bottom: 10px;
	margin-top: 0px;
}


h3 {
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 10px;
	letter-spacing: -1px;
	font-weight: normal;
	margin: 0px;
	font-weight:bold;
	color:darkred;
	text-align:center;
}

.joinbox {
	width: 300px;
	text-align: center;
	padding: 15px;
	background:rgba(255,255,255,0.8);
	border-radius: 10px;
	border:1px solid #c4c4c4;
	box-shadow:0px 0px 8px #848484;
	float: right;
}

.joinbox form {
	text-align: left;
}

#registration label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #300;
	margin: 7px 0 8px 0;
}

#registration .form-text.text-muted, #registration .invalid-feedback.validation {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	display:block;
/*	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;*/
}

#registration .form-text.text-muted {
	color:#111;
}

.btn-c4
{
	cursor: pointer;
	background-color:darkgreen;
	color:#ffffff;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	text-align: center;
	margin-top: 5px;
	border-radius: 6px !important;
	padding:5px;
	text-shadow: 0 1px 1px #000;
	width:100%;
	display:block;
}

.btn-c4:hover {
	background-color:green;
}

.btn-c4:active {
	position:relative;
	top:1px;
}


@media only screen and (max-width:991px) {

	h1 {
		font-size: 26px;
	}

	h2 {
		font-size: 40px;
	}

	h3 {
		font-size: 14px;
		padding-bottom: 5px;
	}
	.logo-img  {
		width: 135px;
	}

	.top {
		height: 75px;
	}

	video {
		min-height: 460px;
	}

	.joinbox {
		width:240px;
	}

	.form-group {
		margin-bottom: 5px;
	}

	#registration label {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: #300;
		margin: 5px 0 1px 0;
	}
}

@media only screen and (max-width:767px) {

	.container {
		width: 100%;
/*		padding-right: 3px;
		padding-left: 3px;*/
	}

	.logo {
		float: none;
		width: 100%;
		text-align: center;
	}

	.top-headline {
		width: 100%;
		text-align: center;
	}

	.logo-img {
		width: 270px;
	}

	h1 {
		text-align: center;
		letter-spacing: 0px;
		font-size: 27px;
		margin: 0px 10%;
	}

	h2 {
		text-align: center;
		font-size: 35px;
	}


	h3 {
		font-size: 18px;
		display:none;
	}

	.joinbox {
		width: 100%;
		background: #fff;
		border-radius: 0px;
		border: 0px;
		float: auto;
		box-shadow: none;
		margin-top: 0px;
		margin-right: 0px;
	}

	video {
		min-height: auto;
	}

	.text-over-video
	{
		position: relative;
		padding-right: 0px;
		margin-top: -10px;
	}

	.top {
		height: 155px;
	}

	.orange {
		color: yellow;
	}

	.freeaccess {
		background-color: #fc531d;
		margin-top: -5px;
		margin-bottom: -17px;
		padding: 10px;
	}

	.footer {
		padding-top: 40px;
	}
}

@media only screen and (max-width:640px){

	.top-headline {
		margin-bottom: 7px;
	}

	.top {
		padding-top: 10px;
		height: auto;
	}

	h2 {
		font-size: 35px;
	}

}

@media only screen and (max-width:480px){

}


@media only screen and (max-width:360px){

}