.md-header {
    background-color: #EEEEEE;
    color: #5A545B;
}

.md-header__button.md-logo img, .md-header__button.md-logo svg {
    display: block;
    width: 4.87rem;
    height: 1.2rem;
    fill: currentColor;
}

.md-nav__title .md-nav__button.md-logo img, .md-nav__title .md-nav__button.md-logo svg {
    display: block;
    width: 8rem;
    height: 2rem;
    fill: currentColor;
}

.md-hero {
    background-color: #24959E;
}

.md-search__form {
    background-color: #5A545B;
}

.md-tabs {
    background-color: #24959E;
}

.md-nav.md-nav--secondary label.md-nav__title {
    color: #24959E;
}

.md-nav__item .md-nav__link--active {
    color: #24959E;
}

.md-nav__link:focus, .md-nav__link:hover {
    color: #86BA42;
}

.md-button {
    color: #24959E !important;
    border-color: #24959E !important;
}

.md-button:active, .md-button:hover {
    color: white !important;
    background-color: #24959E !important;
    border-color: #24959E !important;
}

.md-button--primary {
    color: white !important;
    background-color: #24959E !important;
    border-color: #24959E !important;
}

.md-button--primary:hover {
    background-color: turquoise !important;
    border-color: turquoise !important;
}

h1 {
    color: #24959E !important;
}

h2 {
    border-top: 1px solid #C8C8C8;
    display: block;
    color: #24959E;
    padding-top: 30px;
}

h3,h4,h5,h6 {
    color: #86BA42;
}

img {
    max-width: 500px;
    max-height: 500px;
}

.md-typeset__table {
    display: block;
    margin-bottom: .5em;
    padding: 0 .8rem;
}

.md-typeset .tabbed-set {
    padding: 10px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 1em 0;
    border: 1px #E0E0E0;
    border-style: solid;
    border-radius: .2rem;
}

.md-typeset a, a.headerlink {
    color: #24959E;
}

.md-typeset a:hover, .md-typeset .headerlink:hover {
    color: #86BA42;
}

.md-typeset :target>.headerlink {
    color: #24959E;
}

.md-typeset ul li, .md-typeset ol li {
    margin-bottom: 0.15em;
}

.md-typeset ul ol {
    list-style-type: decimal;
}

.md-top {
    color: white;
    top: 132px !important;
    background: #24959E;
}

.md-top:focus, .md-top:hover {
    background: #86BA42;
}


@media screen and (max-width: 76.1875em) {
    .md-nav--primary .md-nav__title[for=__drawer] {
        background-color: #24959E;
    }

    .md-nav--primary .md-nav__item--active>.md-nav__link {
        color: #24959E;
    }
}
