/* SUB BUTTON COLOUR */
.subbutton,button {
border:5px;border-radius:0;font-size:1.5rem;font-weight:700;font-family:ronnia,sans-serif;text-transform:uppercase;text-align:center;color:#fff;background-color:#8BBFC2;transition:background-color.25s ease-in;letter-spacing:.04em; padding: 7px 16px;}

a.subbutton:hover, a.subbutton:active,a.subbutton:link, a.subbutton:visited {
    color: #ffffff;
    text-decoration: none;
	 background-color:#8BBFC2;
}

/* BUTTON HOVER COLOUR */
.subbutton:focus,.subbutton:hover {
background-color:#8BBFC2}

.centerbutton {
    text-align: center;
}


.sublist-wrap {
  padding:40px;
  background-color:#d8b9c3;
  border-radius:5px;
  width:400px;
}

div.sublist {
  counter-reset: list-number;
}
div.sublist div:before {
  counter-increment: list-number;
  content: counter(list-number);
  
  margin-right: 10px;
  margin-bottom:10px;
  width:35px;
  height:35px;
  display:inline-flex;
  align-items:center;
  justify-content: center;
  font-size:16px;
  background-color:#EECD00;
  border-radius:50%;
  color:#fff;
}

div.subtitleunderline {    
    border-bottom: 1px dotted #444;
    text-decoration: none;
    margin-bottom:30px;
}