* { box-sizing: border-box; }
section{ 
  min-height: 100vh; 
  padding: 4.5em 10px 10px 10px; 
  display: block;
  clear: both;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background-position:center;
}
nav{
  position: fixed; 
  top: 0; 
  left: 0;
  padding: 1vw;
  font-family: verdana,sans-serif;
  color: gray;
  text-align: center;
  width:100%;
  min-width: 150px;
  line-height: 2em;
  background-color: #d6d6d6;
  box-shadow: 0px 2px 5px rgba( 0, 0, 0, 0.3); 
}

a:link {
  color: RoyalBlue;
  text-decoration: none;
}

a:visited {
  color: #898989;
}

a:active {
  color: OrangeRed;
}

a:hover {
  text-decoration: underline;
}
#home{
  background-image: url("images/guitars.jpg");
  background-size: cover;
  background-position: center;
}

#perslife{
  background-image: url("images/LAtrees.jpg");
  background-size: cover;
  background-position: center;
}

#career{
  background-image: url("images/background1.jpg"); 
  background-size: cover;
  background-position: center;
}

#music{
  background-image: url("images/musicbackground.jpg"); 
  background-size: cover;
  background-position: center;
 }

p.home{
  line-height: 2em;
  padding-top: 0em;
  font-size: 20px;
}

p{
  font-size: 16px;
  line-height: 1.375em;
}

header{
  text-align: center;
  font-size: 40px;
  padding: 2%;
  vertical-align: top;
}
  
.first, .second, .vid {
  display:inline-block;
  vertical-align: top;
  padding-right: 5%;
  }

.vidiv{
  padding-top: 5%;
  display: inline-block;
}
.four {
  display:inline-block;
  vertical-align: top;
  padding-left: 5%;
}

.home, .career, .music1{ 
  width:50%; 
  display: inline-block;   
  vertical-align: top;
  margin-top: auto;
}

header.music{
  width: 150px;
  text-align: center;
  margin:0 auto;
}

.perslife{
  display: inline-block;   
  vertical-align: top;
  width: 60%;
  margin-top: auto; 
}

.third {
  display: inline-block;
  padding-left: 35%;
}

.home, .perslife, .career{
  background-color: rgba(255,255,255, .85);
  padding: .25em;
} 
.music, .music1{
  background-color: rgba(255,255,255);
} 
.ctr{
  margin: auto;
}
p.music2.ctr{
   margin: 0 auto;
   background-color: rgba(255,255,255);
   display:inline-block;
}
.music, .ctr{
  text-align: center;
}
