.accordion h1, h2, h3{
    cursor: pointer;

}

.accordion h1 {
    padding: 15px 20px;
    background-color: #e3e5e8;

    font-size: 2.0rem;
    font-weight: normal;
    color: #436e88;
    margin-bottom: 2px;
}
.accordion h1:hover {
    color: #000000;
}
.accordion h1:first-child {
    border-radius: 10px 10px 0 0;
}
.accordion h1:last-of-type {
    border-radius: 0 0 10px 10px;
}
.accordion h1:not(:last-of-type) {
    border-bottom: 1px dotted #fff;
}
.accordion div, .accordion p {
    display: none;
}
.accordion h2 {
    padding: 15px 35px;
    background-color: #e7eae9;
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}
.accordion h2:hover {
    background-color: #ddd ;
}
.accordion h3 {
    padding:14px 50px;
    background-color: #fff;
    font-size: 1.6rem;
    color: #060505;
}
.accordion h3:hover {
    font-weight: bold;
    color: #686868;
}
.accordion h4 {
    padding: 15px 70px;
  /*  background-color: #f5fffd;*/
    font-size: 1.5rem;
    color: #116969;
}
.accordion h4:hover {
    /*font-weight: bold;
    color: #aadaed;*/

}

.accordion .opened-for-codepen {
    display: block;
}
h1,  h2,  h3 , h4 {
    margin-top: 0px;
    margin-bottom: 2px;
}
a:hover {

    color: #48cfad;
}