html, body{width:100%; height:100%}
body{margin:0px; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size:17px; background-color:#EFEFEF; color:#000;background-image:url(../images/bg.jpg); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; background-position:center}
div, a{ box-sizing:border-box}
#container{max-width:1200px; margin:0 auto; padding:0 10px 0}

#logo{display:block}
#logo:hover{opacity:1}
#logo img{max-width:100%; margin:10px auto}

#top{position:fixed; bottom:60px; right:-60px; transition:all 1s ease; color: purple; font-size:34px; z-index: 1000; cursor:pointer; opacity: 0.5}
#top:hover{opacity: 1}
.showtop{right:30px !important}

header{background-image:url(../images/soundwave.jpg); background-repeat:no-repeat; background-size:100% 100%; padding:15px 0; text-shadow:2px 2px 5px #000; position:fixed; width:100%; max-width:100%; top:0px; left:0px; background-color:#000000; color:#FFFFFF; font-family: 'Dosis', sans-serif; transition:all 300ms ease; text-align: center}
header a{color:#FFFFFF}
header h2{padding:0px; margin:0px}

a{color:#e5278d; text-decoration:none}
a:hover{opacity:0.8}

hr{margin:20px auto; border:0px; border-top:1px dashed #FF00CC}

h1, h2, h3, h4{font-family: 'Dosis', sans-serif; font-weight:normal}
h1{padding:0px; margin:0px; color:#e5278d}
h2{color:#e5278d; margin:35px 0 10px; font-size:28px}
h3{color:#e5278d; margin:35px 0 10px; font-size:22px}

#nav a{border-right:1px solid #fff; padding:0 10px}
#nav a:last-of-type{border:0px}

.toph2{font-size:38px; color:#e5278d}
.center{display:block; margin:20px auto}
.floatright{float:right; margin:15px 0 15px 15px; max-width:400px}
.shadow{box-shadow:0px 0px 20px #666}

#masthead{display:-webkit-flex; display:flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; width:100%; max-width:1200px; margin:0 auto; -webkit-flex-grow:1; flex-grow:1}
#masthead > div{}
#masthead > div:first-of-type{max-width:320px; width:300px}
#masthead > div:last-of-type{width:auto; flex-grow:2}

.credit a{display:block; text-align: center; margin: 60px auto 30px; font-size:11px; color:#ccc}

@media (max-width: 1200px) {
	#content{padding:30px 40px}
	#masthead > div:first-of-type{padding:0 15px}
}
@media (max-width: 650px) {
	header{position:relative; top:auto}
	#container{margin-top:0px; font-size:0.8em; padding:0px}
	h2 a{font-size:14px}
	h2{font-size:22px}
	#logo{padding:10px}
	#content{padding:0 20px}
	.floatright{float:none; margin:15px auto; display:block; max-width:90% !important}
}
@media (max-width: 425px) {
	.toph2{font-size:28px; margin:15px 0 0}
	h2{padding:0px; margin:0px}
	#logo img{max-width:100%; width:100%; margin:10px auto}
	#masthead{flex-direction: column; padding:10px}
	#masthead > div{max-width:100%; width:100%}
}