html, body {
  font-family: 'EB Garamond', serif;
  padding:0;
  margin:0;
  color:black;
  font-size: 1.2em;

}

html {
	 	background-image: url("../img/header-foto.png");
	    height:100vh;
        width:100vw;
        background-size:cover;
        background-repeat:no-repeat;
        background-position: center center;
        background-attachment:fixed;
		overflow: hidden;
}

body {
	overflow:scroll;
	height:100%;

}

h1 {
  font-family: 'EB Garamond', serif;

    letter-spacing: 6px;
}

#main-h1 {
  margin-top:-44px;
  font-size: 3em;
  text-align: center;
  color:white;
}

#content-container {
  padding-top:33px;
  margin-top:12em;
  height: 90%;
  width: 100%;

}

#achtergrond-plaatje{

}


.onderwerp {
  padding: 0px 33px 22px 33px;
  color:white;
  max-width:888px;
  margin-left: auto;
  margin-right: auto;
  background-color:rgba(19, 7, 50, 0.93);
}

.biografie {
  border-radius: 100% 0% 100% 0% / 4% 98% 2% 96%

}

.suzbio {
  width: 80%;
}

.youtube {
  background: none;
  max-width:555px;
  height:555px;
  text-align: center;
}

.youtube-filmpje {
  width: 100%;
  height: 100%;
}

.speeldata {
width: 80%;
}

.speeldata h1 {
padding-top:10px;	
}

.gigs {
	
  font-size:0.8em;

}

.gigs a {
	color:white;
	text-decoration:none;
}

.gigs a:hover {
	
	color:white;
	text-decoration:none;
}

.gigs a:hover .gig-naam {
		text-decoration:underline;
}

.gig {

}

.gig-verleden {
color: grey !important;
}

.gig-naam {
font-weight: bold;
}

.gig-plaats {

}

.gig-datum {

}


.contact {
  text-align: center;
}

.contact h1 {
padding-top:10px;	
}

.contact a {
  color:white;
  text-decoration: none;
}

.contact a:hover {
  color:white;
  text-decoration: underline;
}

.social-icon {
	padding-left:20px;
	height:33px;
	width:33px;
}