h1 {
  font-size: 50px;
  width: 15%;
  padding: 150px 0 0 400px;
  color: #583d72;
  font-family: 'Open Sans', sans-serif;
}

 /*****************STYLES CLASS****************/


.stars {
  display: inline-block;
  padding: 20px 25px 10px 10px;
}

  .p1 {
    width: 20%;
    padding-left: 400px;
    color: #583d72;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
  }

  .p2 {
    display: inline-block;
    padding-left: 10px;
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: bold;
  }

  .p3 {
    display: inline-block;
    font-weight: bold;
  }

  .p4 {
    display: inline-block;
    font-weight: bold;
  }

.div2 {
  position: absolute;
  left: 40%;
  top: 15%;
  width: 20%;
  height: 5%;
  background-color: #f7f2f8;
  border-radius: 20px;
  font-family: 'Merriweather Sans', sans-serif;
  font-weight: bold;
  color: #511f50;
}

.div3 {
  position: absolute;
  left: 45%;
  top: 21.5%;
  width: 20%;
  height: 5%;
  background-color: #f7f2f8;
  border-radius: 20px;
  font-family: 'Merriweather Sans', sans-serif;
  font-weight: bold;
  color: #511f50;
}

.div4 {
  position: absolute;
  left: 50%;
  top: 28%;
  width: 20%;
  background-color: #f7f2f8;
  border-radius: 20px;
  height: 5%;
  font-family: 'Merriweather Sans', sans-serif;
  font-weight: bold;
  color: #511f50;
}

.div5 {
  border-radius: 20px;
  height: 15%;
  position: absolute;
  width: 14.4%;
  left: 18%;
  top: 40%;
  background-color: #511f50;
  padding: 20px 50px;
  color: #e1bde2;
  text-align: center;
  font-size: 18px;
  font-family: 'Merriweather Sans', sans-serif;

}

.div6 {
  border-radius: 20px;
  height: 15%;
  position: absolute;
  bottom: 40%;
  width: 15%;
  left: 38.5%;
  background-color: #511f50;
  padding: 20px 50px;
  color: #e1bde2;
  text-align: center;
  font-size: 20px;
  font-family: 'Merriweather Sans', sans-serif;
}

.div7 {
  border-radius: 20px;
  height: 15%;
  position: absolute;
  right: 22%;
  bottom: 38.5%;
  width: 15%;
  background-color: #511f50;
  padding: 20px 50px;
  color: #e1bde2;
  font-size: 20px;
  font-family: 'Merriweather Sans', sans-serif;

}

.div5:hover {

}

.colton {
  border-radius: 50%;
  float: left;


}

.irene {
  border-radius: 50%;
  float: left;
}

.anne {
  border-radius: 50%;
  float: left;
  margin-bottom: 10px;
}

.p5 {
  position: relative;
  right: 20%;
  margin: 20px 10px 10px auto;
}

.p6 {
  position: relative;
  right: 20%;
  color: #994d83;
  margin-top: 10px;

}

.p7 {
  position: relative;
  right: 20%;
  margin: 20px 10px 10px auto;
}

.p8 {
  position: relative;
  right: 20%;
  color: #994d83;
  margin-top: 10px;
}

.p9 {
  position: relative;
  right: -5%;
  margin: 10px 10px 10px auto;
}

.p10 {
  position: relative;
  right: -5%;
  color: #994d83;
  margin-top: 10px;
  margin-bottom: 25px;
}

.attribution {
  bottom: 10%;
  text-align: center;
  position: absolute;
  left: 43.5%
}