html {
		scroll-behavior: smooth;
}
body {
		background-position: center center top;
	font-family: 'Cormorant', serif;
	color: #212121;
	background-color: #fbfbfb;
	font-size: 3vh:;
	text-align: center;
}
}
.container, .wrapper {
	width: 100%;
	text-align: center;
}

.main, .music {
	height: 100vh;
}



.bild {
	width: 100%;
	max-width: 600px;
	position: absolute;
	margin: auto;
	top: 4vh;
	left: 0;
	right: 0;
	bottom: 30vh;
}
.mail {
	font-family: 'Herr Von Muellerhoff', serif;
	color: #212121;
	font-size: 4vh;
	bottom: 30vh;
	background-color: white;
	opacity: 80%;

}
.buttons li {
	display: inline;
		padding: 0 1vh;
}
.buttons img {
	width: 4vh;
}


.buttons {
	position: relative;
	margin: auto;
	background-color: white;
	opacity: 80%;
}
.music {
	height: 100vh;
	padding-top: 10vh;

}
.video {
	padding-top: 10vh;

}
.title {
	height: 20vh;
	position: sticky;
	bottom: 0;
	font-size: 9vh;
	background-color: #fbfbfb;
	opacity: 80%;
}

nav {
	display: inline;
	padding: 0 1vh;
}
nav a {
	font-family: 'Herr Von Muellerhoff', serif;
	color: darkred;
	text-decoration: none;
	font-size: 7vh;
	position: relative;
}
nav a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: red;
	visibility: hidden;
	-webkit-transform: scalex(0);
	transform: scaleX(0);
	transition: .25s;
	margin-bottom: 3vh;
}
nav a:hover:before {
	visibility: visible;
	-webkit-transform: scalex(1);
	transform: scaleX(1);
}
nav a:hover {
	color: red;
}
ul {
	list-style-type: none;
}
.concerts {
	padding-top: 20vh;
	height: 60vh;
	font-size: 5vh;
	text-align: center;
	background-color: white;
	opacity: 80%;
}

.titleconcerte{
	position: fixed;
	height: 10vh;
	font-size: 9vh;
	background-color: #fbfbfb;
	opacity: 80%;
}
.asterics
{
	top: 11vh;
	position: relative;
	width: 100%;
}
.concerte
{
	text-align: left;
	width: 100%;
	padding-top: 13vh;
	font-size: 3vh;

}
h1
{
	font-size: 4vh;
}
h2
{
	font-size: 10vh;
}