body {
	text-align: justify;
	font-family: 'Avenir Next Condensed', sans-serif;
	background: black;
	background-attachment: fixed;
	color: #e4cfb0;
	font-weight: 400;
	font-size: 18px;	
}

.press {
	color: black;
}
.mobile {
	display: none;
}


.container { 
	padding: 0;
	padding-top: 0px;
	margin: 0;
	
}


#navigation {
	width: 100%;
	background: black;
	padding: 0;
	position: fixed;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #4b732b;
	z-index: 10;
}

.navanchor {
	position: relative;
	top: -140px;
}

nav ul li{
	font-family: 'Amatic SC', sans-serif;
	font-weight: 700;
	color: #e4cfb0;
	list-style: none;
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
	}

a {
	color: #e1b48c;
	text-decoration:none;
}

a:hover,a:focus {
	color: #e4cfb0;
	text-decoration:none;
}

h1, h2 , h4{
	font-family: 'Amatic SC', sans-serif;
}

#stage {
	width: 100%;
	height: 100%;
	background: #d3d3d3;
	margin-top: 60px;
}

#stage2 {
	width: 100%;
	height: 100%;
	background: black;
	margin-top: 60px;
}

#hello {
	height: 600px;
	background-image: url("../images/hello.jpg");
	background-size: cover;
	background-position: center;
	
}

.hvcenter {
	display: table;
	width: 100%;
	height: 100%;
}
.centercontv {
	display: table-cell;
	vertical-align: middle;
}

.centerconth {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.hcenter {
	text-align: center;
}

#line {
	width:auto;
	height: 1px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 120px;
	margin-right: 120px;
	background: darkgrey;
}


#ytplayer {
	width: 853px;
	height: 480px;
}

#videos, #about, #dates, #contact, #social, #photos, #shop, #music{
		color: black;
}

.margin {
	width: 70%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.textlink {
	color: #696969;
}

h1 {
	font-weight: bold;
}

#contactform {
	border-collapse: collapse;
	width: 100%;

}

#contactform td {
	padding: 0;
	vertical-align: top;
	text-align: left;

}

.knopp {
	margin: 10px;
}

#dates {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#dates table {
	border-collapse: collapse;
	border: none;
}

#dates th, td {
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	vertical-align: top;
}


.gallerytest {
	width: auto;
	height: 200px;
	color: black;
	margin: 10px;
	display: inline-block;
	white-space: normal;
	z-index: -1;
}


.gallerytest img{
	width: auto;
	height: inherit;
}


#subnav {
	background-color: black;
	}
#subnav li{
	font-family: 'Amatic SC', sans-serif;
	font-weight: 700;
	color: #e4cfb0;
	list-style: none;
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
	margin-left:0;
	}

#subnav ul{
	padding-left:0;
	padding-right:0;
	padding-top:5px;
}

#close {
	position: fixed;
	top: 0;
	left: 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin:10px;
	border-style: solid;
	border-width: 1px;
	border-color: #4b732b;
}

#sociallogos table, #music table {
	
	border-style: none;
	width: 80%;
	table-layout: fixed;
	margin-left: auto;
	margin-right: auto;
}

#sociallogos td, #music td {
	border-style: none;
	padding: 30px;
	width: 25%;
	text-align: center;
	vertical-align: middle;
}

#sociallogos img, #music img {
	height: auto;
	max-width: 30%;
}

.shoppic {
	display: inline-block;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
	color: darkred;
}

.shoppic img {
	max-height: 150px;
	width: auto;
}



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

		nav ul li {
			font-size: 80%;
		}


		#ytplayer {
			width: 640px;
			height: 360px;
		}



		#gallerywindow {
			width: 620px;
			margin-left: auto;
			margin-right: auto;
		}

		#mask {
			width: 620px;
			
		}

		.unvisible {
		
			width: 10px;
		}

		#fadein {
		
			width: 100px;
		
		}

		#fadeout {
			
			width: 100px;
		
		}

		#visible{
		
			width: 400px;
		
		}

		#sociallogos th, #sociallogos td, #music th, #music td {
			
			padding: 20px;
		
		}

		#dates th, td {
			padding: 2px;
			padding-left: 5px;
			padding-right: 5px;
			text-align: left;
			vertical-align: top;
		}

		#dates td {
			font-size: 80%;
		}

		#sociallogos img, #music img {
			height: auto;
			max-width: 50%;
		}

		#contactform td {
			display: table-row;
		}

		.shoppic img {
		max-height: 100px;
		width: auto;
		}
}

@media screen  
  and (max-width: 480px) 
  {
		@keyframes movegallery {
			0% {top 0px; left: 425px;}
			100% {top 0px; left: -1650px;}
		
		}

		@-webkit-keyframes movegallery {
			0% {top 0px; left: 425px;}
			100% {top 0px; left: -1650px;}
		}

		.regular {
			display: none;
		}
		
		.mobile {
		display: initial;
		}

		.dropdown-menu {
			background-color: black;
			color: #e4cfb0;
			margin: 0 auto;
			width: 50%;			
			position: absolute;
			right: -50%;
			top: 40px;
		}


		.dropdown-menu>li>a {
			color: #e1b48c;
			text-decoration:none;
			background-color: black;
			font-size: large;
			text-align: right;
		}

		.dropdown-menu>li>a:hover {
			color: #e4cfb0;
			text-decoration:none;
			background-color: black;
		}


		.btn {
			background-color: black;
			margin: 5px;
			color: #e1b48c;
			font-weight: 500;
		}

		.btn-regular {
			background-color: black;
			margin: 5px;
			color: #e1b48c;
			font-weight: 400;
		}

		.btn-regular:hover {
			color: #e4cfb0;
			
		}

		.navcont {
			position: absolute;
			left: 4px;
			top: 4px;
		}

		#mobilemenu {
			position: absolute;
			right: 4px;
			top: -50px;
		}

		#navigation {
			height: 60px;
		}

		#ytplayer {
			width: 324px;
			height: 182px;
		}

		.margin {
			width: 90%;
		}

		#gallerywindow {
			width: 310px;
			height: 170px;
			margin-left: auto;
			margin-right: auto;
		}
		
		#gallerystrip {
			height: 170px;
		}

		.gallerytest {
			height: 150px;
		}


		#mask {
			width: 310px;
			height: 170px;
			
		}

		.unvisible {
		
			width: 5px;
			height: 170px;
		}

		#fadein {
		
			width: 50px;
			height: 170px;
		
		}

		#fadeout {
			
			width: 50px;
			height: 170px;
		
		}

		#visible{
		
			width: 200px;
			height: 170px;
		}


		#sociallogos td, #music td {
			
			padding: 20px;
		
		}

		#dates th, td {
			padding: 2px;
			padding-left: 5px;
			padding-right: 5px;
			text-align: left;
			vertical-align: top;
		}

		#dates td {
			font-size: 70%;
		}

		#dates th {
			font-size: 80%;
		}
		
		#sociallogos img, #music img {
			height: auto;
			max-width: 80%;
		}

		#contactform td {
			display: table-row;
		}

		.shoppic {
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 25px;
		}

		.shoppic img {
		max-height: 60px;
		width: auto;
		}
}