header {
    background-color:var(--olive);
    box-sizing:border-box;
    display:grid;
    font-size:1em;
    grid-template-columns: 1fr;
}


.div-header-branding {
    align-items:center;
    display:grid;
    grid-template-columns: auto 1fr;
    justtify-content:start;
    padding:0.5em;
}


.div-header-title {
    color:var(--navy);
    font-family:'Urbanist';
    font-style:italic;
    font-size:2em;
    font-weight:800;
    line-height:1em;
}


.div-header-tagline {

    font-family:'Urbanist';
    font-style:normal;
    font-size:0.95em;
    font-weight:300;
    line-height:1em;
    margin-left:0.4em;

}


.img-header-logo {
    width:4em;
}


@media only screen and (max-width: 850px) {header {font-size:0.95em;}}
@media only screen and (max-width: 800px) {header {font-size:0.90em;}}
@media only screen and (max-width: 750px) {header {font-size:0.85em;}}
@media only screen and (max-width: 700px) {header {font-size:0.80em;}}
@media only screen and (max-width: 600px) {header {font-size:0.75em;}}