html { background: #222 }
body { color: #eee; font-family: "Libre Franklin", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal }

h1 { font-family: "Libre Franklin", sans-serif; font-weight:700; font-size: 40px; text-transform: uppercase; margin: 0 }
h2 { font-family: "Libre Franklin", sans-serif; font-weight:500; font-size: 20px; margin: 0 }

#titel { height: 100vh; background: url('portrait.jpg') no-repeat top center; background-size: cover }
.label { background: rgba(255,255,255,0.9); background:none; padding: 10px; bottom: 40vh; left: 25% }
.label h1, .label h2 { color: white; text-shadow: 0 0 20px black }

#info { padding: 40px 0 }


#musik { height: 50vh;  }







@media screen and (max-width:639px) {
.label { left: 0; bottom: 40vh }
}