body {
  background: #FFFF00;
  color: #000;
  font-family: Georgia, 'Times New Roman', Times, serif;
  padding: 0px;
  margin: 0px;
}

p {
  max-width: 400px;
  padding-left: 25px;
}

.sectionDivider {
  color: #FFFF00;
  border-bottom: 3px solid #e87191;
}

#title {
  text-align: center;
  font-size: 250%;
  padding-bottom: 0px;
  margin-bottom: 1%;
  margin-top: 2%;
}

#RydersSongFigure #RydersSongAudio{
  position: relative;
  left: 200px;
  top: 75px;
  width: 200px;
  height: 50px;
}


#RydersSongFigcaption {
  position: relative;
  left: 247px;
  top: 75px;
  width: 200px;
}

#songs {
  position: relative;
  bottom: 100px;
}
a {
  color: black;
}
footer {}
header {
  background-color: #FA8CA6;
  color: black;
  position: fixed;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  width: 100%;
  height: 17%;
  padding-bottom: 0px;
  padding: 0px;
  text-align: center;
}

nav {
  background-color: #FA8CA6;

}
.inline {
  display: inline-block;
  padding-right: 5%;
  padding-left: 5%;
}
#notHeader {
  margin-left: 2%;
}
#logoBottom {
  position: relative;
  left: 5%;
  margin: 2%;
}
#members {
  padding-top: 100px;
  background-image: url('Logo.png')
  background-position-x: 70%;
  background-position-y: 40%;
  background-size: 30%;
  background-repeat: no-repeat;
}


@media (min-width:700px) and (max-width:899px) {
  body {
  background: #ffff00;
  color: #000;
  font-family: Georgia, 'Times New Roman', Times, serif;
  padding: 0px;
  margin: 0px;
}

p {
  max-width: 400px;
  padding-left: 25px;
}

.sectionDivider {
  color: #FFFF00;
  border-bottom: 5px solid #FA8CA6;
}

#title {
  text-align: center;
  font-size: 250%;
  padding-bottom: 0px;
  margin-bottom: 2%;
  margin-top: 2%;
}


#songs {
  position: relative;
  bottom: 100px;
}
a {
  color: black;
}
footer {
}
header {
  background-color: #FA8CA6;
  color: black;
  position: fixed;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  width: 100%;
  height: 17%;
  padding-bottom: 0px;
  padding: 0px;
  text-align: center;

}

nav {
  background-color: #FA8CA6;
}
.inline {
  display: inline-block;
  padding-right: 5%;
  padding-left: 5%;
  margin-top: 0px;
}
#notHeader {
  margin-left: 2%;
}
#members {
  padding-top: 100px;
  background-image: url('Logo.png')  
  background-position-x: 70%;
  background-position-y: 45%;
  background-size: 35%;
  background-repeat: no-repeat;
}
}

@media (min-width:900px) {
  body {
  background: #ffff00;
  color: #000;
  font-family: Georgia, 'Times New Roman', Times, serif;
  padding: 0px;
  margin: 0px;
  font-size: 150%;
}

p {
  max-width: 600px;
  padding-left: 25px;
}

.sectionDivider {
  color: #FFFF00;
  border-bottom: 7px solid #FA8CA6;
}

#title {
  text-align: center;
  font-size: 250%;
  padding-bottom: 0px;
  margin-bottom: 2%;
  margin-top: 2%;
}


#songs {
  position: relative;
  bottom: 100px;
}
a {
  color: black;
}
footer {
}
header {
  background-color: #FA8CA6;
  color: black;
  position: fixed;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  width: 100%;
  height: 20%;
  padding-bottom: 0px;
  padding: 0px;
  text-align: center;
  
}

nav {
  background-color: #FA8CA6;
}
.inline {
  display: inline-block;
  padding-right: 5%;
  padding-left: 5%;
  margin-top: 0px;
}
#notHeader {
  margin-left: 2%;
}
#logoBottom {
  position: relative;
  left: 5%;
  size: 150%;
}
#members {
  padding-top: 100px;
  background-image: url('Logo.png')  
  background-position-x: 70%;
  background-position-y: 40%;
  background-size: 30%;
  background-repeat: no-repeat;
}
#Correction {
 font-size: 20%;
}
}

@media (min-width:1200px) {
  body {
  background: #ffff00;
  color: #000;
  font-family: Georgia, 'Times New Roman', Times, serif;
  padding: 0px;
  margin: 0px;
  font-size: 175%;
}

p {
  max-width: 900px;
  padding-left: 25px;
}

.sectionDivider {
  color: #FFFF00;
  border-bottom: 5px solid #FA8CA6;
}

#title {
  text-align: center;
  font-size: 250%;
  margin-top: 2%;
  margin-bottom: 2%;
}


#songs {
  position: relative;
  bottom: 100px;
}
a {
  color: black;
}
footer {
}
header {
  background-color: #FA8CA6;
  color: black;
  position: fixed;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  width: 100%;
  height: 25%;
  padding-bottom: 0px;
  padding: 0px;
  text-align: center;
  
}
.inline {
  display: inline-block;
  padding-right: 5%;
  padding-left: 5%;
  margin-top: 0px;
}
#notHeader {
  margin-left: 2%;
  margin-top: 2%;
}
#members {
  padding-top: 100px;
  background-image: url('Logo.png')  
  background-position-x: 70%;
  background-position-y: 40%;
  background-size: 20%;
  background-repeat: no-repeat;
}
#logoBottom {
  position: relative;
  left: 5%;
  size: 150%;
}
#Correction {
 font-size: 225%;
}
}