#uppermenu {
    background: #252525;
    padding-bottom: 5px;
    max-width: 100%;
}

#yearbox {

    padding: 12px;
    color: #ffffff;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 2.5rem;
    font-family: 'DidactGothic', sans-serif;

}

#bloglink {
    color: white;
    text-decoration: none;
}

#bloglink:hover {
    color: white;
    text-decoration: underline;
}


#blogentrytitle {
    color: #ffffff;
    font-size: 18px;
}

#blogentrydate {
    display: flex;
    justify-content: end;
    color: #ffffff;
    font-size: 18px;
}


/* Modified display for homepage and menu icons, if screen is more than 600 pixels*/
@media only screen and (min-width: 600px) {

    #uppermenu {
        background: #252525;
        padding-bottom: 5px;
        max-width: 40%;
    }

}