@import url('https://fonts.googleapis.com/css?family=Mr+Dafoe');
body{
	
	background: black;
}
#backgrounddax{
	position: absolute;
background:  url("../img/NobleBlood034.jpg") no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
width: 100%;
color: white;
overflow: scroll;
	}
	
	
	#backgroundetienne{
	position: absolute;
background:  url("../img/NobleBlood033.jpg") no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
width: 100%;
color: white;
overflow: scroll;
	}
	
	
		#backgroundsimon{
	position: absolute;
background:  url("../img/NobleBlood037.jpg") no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
width: 100%;
color: white;
overflow: scroll;
	}
	
		#backgroundlocation{
	position: absolute;
background:  url("../img/NobleBlood036.jpg") no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
width: 100%;
color: white;
overflow: scroll;
	}
	
	

.noblebloodlogo

{
	position:relative;
	height:15vw;
	width: 100%;
	background:url("../img/logo.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	top: 10%;
	margin-top: -10%;
	left: 50%;
	margin-left: -50%;
	z-index: 99;
	border: 0px solid yellow;
}

.layover{
	position: absolute;
	width: 70%; 
	background: rgba(0,0,0,0.7);
	left: 50%;
	margin-left: -35%;
	top: 10%;
	border-top: 20px double #B4A369;
	border-radius: 30px;
	border-bottom: 20px double #B4A369;
	padding: 20px;
	margin-bottom: 50px;
}



.artisttitle{
	position: absolute;
	border: 0px solid blue;
	text-align: center;
	padding: 0;
	font-weight: 300;
	position: relative;
	font-family: 'Mr Dafoe', cursive;
	font-size: 5vw;
	filter: drop-shadow(10px 10px 4px rgba(0,0,0,0.5));
	
}

.artistlink{
	position: relative;
	border: 0px solid blue;
	text-align: center;
	padding: 0;
	font-weight: 300;
	position: relative;
	font-family: 'Mr Dafoe', cursive;
	font-size: 3vw;
	filter: drop-shadow(10px 10px 4px rgba(0,0,0,0.5));
	
}
.gallerycontent{
	position: relative;
	height: auto;
	width: 100%;
	border: 0px solid red;
	text-align: center;
}
a{
	color: white;
	text-decoration: none;
	z-index: 99999;
	
}
h4 {
	font-weight: 300;
	position: relative;
	font-family: 'Mr Dafoe', cursive;
	font-size: 2vw;
	filter: drop-shadow(10px 10px 4px rgba(0,0,0,0.5));
	margin: 0 0 16px;
	border-top: 10px double #B4A369;
	border-bottom: 10px double #B4A369;
	background:#415463;
	color: #fdffe8;
	border-radius: 20px;
	width: 30%;
	left: 50%;
	margin-left: -15%;
		transition:all 0.5s ease 

}

h4:hover {
	font-weight: 300;
	position: relative;
	font-family: 'Mr Dafoe', cursive;
	font-size: 2vw;
	filter: drop-shadow(10px 10px 4px rgba(0,0,0,0.5));
	margin: 0 0 16px;
	border-top: 10px double black;
	border-bottom: 10px double black;
	background:#B4A369;
	color: black;
	border-radius: 20px;
	width: 30%;
	left: 50%;
	margin-left: -15%;
	transition:all 0.5s ease 

}
a:visited { 
  color: white;
  	text-decoration: none;
	z-index: 99999;
}

a:hover{
	color: #B4A369;
	text-decoration: none;

}