body {
    margin: 0;
    background-color : var(--background-color);
    font-family: 'Open Sans';
}

header {
    
}

#primary-header {
    margin-top: 0;
    padding-top: 0;
    background-color: var(--primary-color);
    height: 15.7407vh;
    color: white;
    text-align: center;
}

#sub-header {
    margin-top: 0;
    padding-top: 0;
    background-color: #0f3757;
    height: 13.5185vh;
    color: white;
    text-align: center;
}



.selected-metric {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: auto;
    xwidth: 15%;
    xbackground-color: lightblue;
    border: solid .25vw var(--primary-color);
    color: var(--selected-metric-color);
}

    .selected-metric-background-image {   
        background-position: center, center;
        background-repeat: no-repeat, no-repeat;
        min-width: 25%;
        min-height: 70px;
        background-size: .9vw, 2.2vw;
    }

    .selected-metric-text {
        padding-left: .5vw; 
        text-align: left;
        font-size: .6vw;
        font-weight: 300;

    }