body {
  font-family: "Roboto Mono",monospace;
  font-size: 14px;
  line-height: 1.42857143;
  background: url(../img/background.jpg);
  color: rgba(255,255,255,.8);
  background-color: #ccc;
}

a {
	color:rgba(255,255,255,.8);
	text-decoration:none
}
a:focus,
a:hover {
	color:rgba(255,255,255,1);
	text-decoration:underline
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family:"Roboto Mono",sans-serif;
	font-weight:400;
	line-height:1.1;
	color:inherit;
	text-transform:uppercase;
	letter-spacing:0.05em;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
	font-weight:400;
	line-height:1;
	color:rgba(255,255,255,0.6);  
}

hr {
	border-color:rgba(255,255,255.6)
}

.header {
	background-color:#000000;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:10;
	box-shadow:0 2px 5px rgba(0,0,0,.6);
}
.header ul {
	margin-top:10px
}
@media(max-width:767px) {
	.header ul {
		margin-top:6px
	}
}
.header ul li {
	text-align:center;
	margin:0 auto
}
@media(max-width:767px) {
	.header ul li {
		display:block;
		margin-bottom:0px
	}
}

.header a {
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	padding-left:12px;
	padding-right:12px;
	text-shadow: 0 0px 15px rgba(0,0,0,0.3);
}

section {
	padding-top:30px;
	padding-bottom:30px
}
.spacer {
	display:block;
	height:40px
}
.hero {
	min-height:600px;
	display:block;
	padding-top:250px;
	padding-bottom:300px;
	background:url(../img/herrspinhero.jpg) no-repeat 64% center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
.img-cover {
	margin-top:2em;
	-webkit-box-shadow:0 2px 5px rgba(0,0,0,.6);
	-moz-box-shadow:0 2px 5px rgba(0,0,0,.6);
	box-shadow:0 2px 5px rgba(0,0,0,.6)
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
	border-color:transparent
}
iframe {box-shadow:0 2px 5px rgba(0,0,0,.6);}

@media(min-width:768px) {
	.player { max-width:170px; max-height:170px;
	}
}
@media(min-width:992px) {
	.player { max-width:220px; max-height:220px;
	}
}

@media(min-width:1200px) {
	.player { max-width:263px; max-height:263px;
	}
}