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

body{
	
	background-color: #000;	
}



.wrapper h1{
	text-align: center;
	color:#FFF;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-style:italic;
	
}

.wrapper p.bio{
	text-align: center;
	color:#FFF;
	font-size: 10px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	margin-top: -15px;
	text-transform:lowercase;
	font-style:normal;
	
}

.wrapper nav.top{
	
	margin-top: -5px;

}

.wrapper nav.top a{
	text-align: center;
	color:#FFF;
	font-size: 10px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	padding: 20px;
	text-transform: uppercase;
	text-decoration:underline;
	
}

.wrapper p{
	text-align: center;
	color:#FFF;
	font-size: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	margin-top: -15px;
	text-transform: lowercase;
	font-style:italic;
	
}




.img-area{
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: center;	
}

.wrapper nav{
	text-align: center;
	margin-top: 55px;
}

.wrapper nav a{
	text-align: center;
	color:#FFF;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	margin-top: 15px;
	padding: 10px;
	text-transform: uppercase;
	text-decoration:none;
	
}

.wrapper nav a.apple{
	color:#fff;	
}

.wrapper nav a.bandcamp{
	color:#fff;	
}

.wrapper nav a.soundcloud{
	color:#fff;	
}
.wrapper nav a.spotify{
	color:#fff;	
}
.wrapper nav a.tidal{
	color:#FFF;	
}


  


@media screen and (max-width: 768px) {
	
	img{
		height: 300px;
		width: 300px;
	}
	
	.wrapper nav.top a{
	font-size:20px;
	padding: 10px;
	}
	
	}