h1, h2, h3, h4, h5, h6 {
    color: #81bd41;
    padding: 0px;
    margin-bottom: -4px;
    margin-top: 25px;
}
.caption-text {
     color: #81bd41;
}
.wy-side-nav-search {
    background-color: #81bd41;
}
.index-logo {
    width:70vw;
    padding-left: 15vw;
}
@media (min-width: 500px) and (max-width: 800px) {
    .index-logo {
        width:60vw;
        padding-left: 28vw;
    }
}
@media (min-width: 800px) {
    .index-logo {
        width:300px;
        float:right;
        align: inherit;
        padding-left:10px;
    }
}

/* ---------------------------------------- */
.green-note {
    background-color: #E0F9E0;
    padding:15px;
    margin-bottom: 20px;
    line-height: 18pt;
}
.green-note .title {
    background-color: #80DE80;
    font-size:12pt;
    padding:5px;
    padding-left:15px;
    margin:-15px;
    margin-top:-15px;
    margin-bottom:10px;
    color:white;
    font-weight: bold;
}
.green-note .title:before {
    flex: 0 0 20px;
    height: 20px;
    border: 1px solid white;
    margin-right: 5px;
    padding-right:6px;
    padding-left:6px;
    border-radius: 50%;
    content: '!';
    //display: flex;
    //align-items: center;
    //justify-content: center;
    font-size: 12pt;
    background-color: white;
    color: #80DE80;
    font-weight: bold;
}

/* ---------------------------------------- */
.yellow-note {
    background-color: #FFFFCC;
    padding:15px;
    font-weight: bold;
    font-size:13pt;
    margin-bottom: 20px;
    line-height: 21pt;
}
.yellow-note .title {
    background-color: #FFFF80;
    font-size:14pt;
    padding:5px;
    padding-left:15px;
    margin:-15px;
    margin-top:-15px;
    margin-bottom:10px;
    color:black;
    font-weight: bold;
}
.yellow-note .title:before {
    flex: 0 0 20px;
    height: 20px;
    border: 1px solid grey;
    margin-right: 5px;
    padding-right:6px;
    padding-left:6px;
    border-radius: 50%;
    content: '!';
    font-size: 12pt;
    background-color: black;
    color: #FFFF80;
    font-weight: bold;
}

/* ---------------------------------------- */
.blue-note {
    background-color: #E7F8FE;
    padding:15px;
    font-weight: normal;
    font-size:12pt;
    margin-bottom: 20px;
    line-height: 18pt;
}
.blue-note .title {
    background-color: #27BEF5;
    font-size:12pt;
    padding:5px;
    padding-left:15px;
    margin:-15px;
    margin-top:-15px;
    margin-bottom:10px;
    color:white;
    font-weight: bold;
}
.blue-note .title:before {
    flex: 0 0 20px;
    height: 20px;
    border: 1px solid #27BEF5;
    margin-right: 5px;
    padding-right:6px;
    padding-left:6px;
    border-radius: 50%;
    content: 'i';
    font-size: 12pt;
    background-color: white;
    color: #0995C8;
    font-weight: bold;
}