html {
}
body {
margin:0;
padding:0;
font-family: Verdana, sans-serif;
}
#main-out {
width:100%;
min-height:100vh;
background:#fff;
overflow:visible;
}
#main-in {
width:80%;
margin:0 auto;
padding:20px;
text-align:center;
}
#logo {
font-size: 4vmax;
display:inline-block;
padding-top:35vh;
padding-right:30px;
padding-left:30px;
}
#navbar {
display:inline-block;
font-size: 1.5vmax;
}
@media only screen and (max-width: 850px) {
#navbar {
padding-top:20px;
  }
}
#navbar a, #navbar a:visited {
text-decoration:none;
color:#566673;
padding-left:10px;
padding-right:10px;
}
#navbar a:hover {
text-decoration:none;
color:#000;
padding-left:10px;
padding-right:10px;
}
#navbar2 {
width:100%;
display:inline-block;
font-size: 1vmax;
text-align:center;
margin-top:50px;
}
#navbar2 a, #navbar2 a:visited {
text-decoration:none;
color:#566673;
padding-left:10px;
padding-right:10px;
}
#navbar2 a:hover {
text-decoration:none;
color:#000;
padding-left:10px;
padding-right:10px;
}
#bio-out {
width:100%;
min-height:100vh;
background:#E8EAE3;
overflow:auto;
}
#bio-in {
width:80%;
margin:0 auto;
padding:20px;
padding-top:25vh;
color:#1D1D2C;
}
#bio-img-box {
width:20%;
display:inline-block;
float:left;
}
#bio-img-box img {
width:100%;
height:auto;
box-shadow: 1px 1px 10px #000;
}
#bio-p-box {
width:80%;
font-size: 1.2vmax;
display:inline-block;
}
#bio-p-box p {
margin:0px;
padding-bottom:25px;
padding-left:30px;
}
#music-out {
width:100%;
min-height:100vh;
background:#ddd;
overflow:visible;
}
#music-in {
width:80%;
margin:0 auto;
padding:20px;
padding-top:5vh;
text-align:center;
}
#music-box {
width:30%;
height:auto;
display:inline-block;
background:#fff;
padding:25px;
margin:5px;
text-align:left;
}
@media only screen and (max-width: 850px) {
#music-box {
min-width:90%;
text-align:center;
  }
}
#music-box img {
width:150px;
height:auto;
float:left;
margin-right:10px;
}
@media only screen and (max-width: 850px) {
#music-box img {
margin-bottom:10px;
clear:both;
  }
}
#music-box h1 {
margin-top:0;
font-size: calc(16px + 0.2vw);
}
#music-box h2 {
font-size: calc(12px + 0.1vw);
color:#ff6600;
}
#music-box h3 {
font-size: calc(12px + 0.07vw);
color:#ccc;
}
#music-box audio {
width:100%;
display:inline-block;
padding-top:20px;
outline: none;
}
#social-out {
width:100%;
height:120px;
background:#fff;
overflow:visible;
}
#social-in {
width:80%;
margin:0 auto;
padding:20px;
text-align:center;
}
#social-in img {
width:50px;
height:50px;
}