:root > * {
    --md-typeset-a-color: #006494;
}
.md-header, .md-tabs{
    background-color: #004D74 !important;
}
.md-tabs{
    background-color: #FFFFFF !important;
    color: #004D74 !important;
}
.md-nav__item .md-nav__link--active{
    color: #1B98E0 !important;
}
h2{
    margin-top: 3em !important;
}

h3, h4{
    margin-top: 2.4em !important;
}

.PageDescription, .page-description{
    font-size: 18px; 
    font-weight: 300
}
.home-card{
    width: 44%; float: left; margin: 0 3%;
    font-size: 16px; 
    font-weight: 300;
}
.home-card a{
    font-weight: 400
}
.home-slider{
    position:absolute; 
    top: 10%;
    right: 0;
    z-index: 0;
}

.home-teaser{
    margin: 5% 0 30%;
    font-size: 18px; 
    font-weight: 300;
    position:relative; z-index:1
}
.home-teaser-inner{
    width: 40%; 
    margin-top: -30px
}
.color-grid{
    display: flex;
}
.color-grid_swatch{
    float: left;
    width: 18%;
    padding: 20px 10px;
}
.color-grid_swatch span{
    display: grid;
    font-size: small;
}
.text-white{
    color: #ffffff;
}

@media only screen 
    and (max-width: 900px) {

    .home-slider{
        top: 15%; 
    }    
    .home-teaser{
        margin: 0% 0 40%;
        font-size: 18px; 
        font-weight: 300;
    }    
}


@media only screen 
    and (max-width: 600px) {

    .home-slider{
        position:absolute; top: 22%; z-index: 0;
    }  
    .home-teaser-inner{
        width: 80%; 
    } 
    .color-grid_swatch{
        width: 20%;
    }
}

.md-typeset figure {
    max-width: 50%;
}