@charset "UTF-8"; 

#wrapper {
	width: 100%; 
}

body {
	margin: 0; 
	padding: 0; 
	background: white url(img/sopra_bg.png) repeat; 
	color: #28F; 
	font: 88%/1.5em sans-serif; 
	text-align: center; 
}

#main, #footer {
	width: 100%; 
	padding: 6% 0; 
}

#header {
	position: relative; 
	width: 100%; 
	height: fit-content; 
	margin: 2.8em 0em 5.0em; 
}

#header span.veil {
	display: block; 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	background: url(img/sopra_piano_transparency.png) no-repeat cover; 
}

img {
	border: none; 
	max-width: 100%; 
	height: auto; 
}

#main p {
	margin-bottom: 1.8em; 
}

#main .new {
	margin: 2.8em auto 1.8em; 
	padding-top: 1.8em; 
	background: white url(img/bubbles.jpg) center center no-repeat; 
}

#main iframe {
	display: block; 
	width: 88%; 
	margin: 0 auto 10%; 
}

#main a.song {
	display: block; 
	margin: 0px auto 5.8em; 
	padding: 3% 5%; 
	width: 30%; 
	background: white url(img/bubbles.jpg) center center no-repeat; 
}

#main .download {
	width: 88%; 
	margin: 0.0em auto 3.8em; 
}

#main .download a {
	display: block; 
	width: 80%; 
	margin: 0px auto 0.8em; 
}

#main .pop {
	display: block; 
	width: 14.0em; 
	margin: 0.5em auto 5.0em; 
	padding: 0.5em 0px; 
	color: white; 
	background-color: #28F;
	border-radius: 1.0em; 
	box-shadow: 0px 0px 3px skyblue; 
}

#main .youtube-wrap {
	max-width: 88%; 
	margin: 0.5em auto 3.8em;
	padding: 0.5em; 
	background-color: white;
	border-radius: 0.5em; 
	box-shadow: 0px 0px 3px skyblue; 
}

#main .youtube {
	position: relative; 
	width: 100%; 
	height: 0; 
	padding-top: 56.25%; 
}

#main .youtube iframe {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

#main .sns p {
	margin-top: 4.8em; 
}

#main .sns a {
	padding: 3.5% 4.5%; 
	border-radius: 0.5em; 
	box-shadow: 0px 0px 3px skyblue; 
	background-color: white; 
	font-weight: bold; 
}

#main .sns img {
	max-width: none; 
	max-height: 1.8em; 
	width: auto; 
	vertical-align: middle; 
	padding-right: 0.7em; 
}

#footer p {
	margin-bottom: 1.8em; 
}

#footer div.mail-wrap {
	margin: 0.7em auto 1.8em; 
}

#footer a {
	padding: 3.5% 4.5%; 
	border-radius: 0.5em; 
	box-shadow: 0px 0px 3px skyblue; 
	background-color: white; 
	font-weight: bold; 
}

#footer a img.mail-icon {
	vertical-align: middle; 
	padding-right: 0.7em; 
}

#footer p.since {
	margin-top: 3.8em; 
}