body
{
    margin: 0 auto;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: flex;
    flex-flow: column;
    min-height: 100vh;
    justify-content: space-between;
}

header
{
    padding: 20px;
    background-color: #D4213D;
}

header h1
{
    color: white;
    font-size: x-large;
    margin: 0;
    position: relative;
    bottom: 9px;
}

.container
{
    max-width: 800px;
    margin: 0 auto;
    display: flex;
}

header .container
{
    justify-content: space-around;
    align-items: baseline;
}

main
{
    padding-bottom: 50px;
}

main .container
{
    flex-flow: column;
    text-align: center;
}

img.logo-mf
{
    height: 40px;
    filter: brightness(0) grayscale(1) invert(1);
}

footer
{
    background-color: #cdcdcd;
    font-size: small;
    color: white;
}

footer .container
{
    text-align: center;
}

footer .container p
{
    width: 100%;
}

a.link
{
    color: #0052a5 !important;
}

a.link:hover,
a.link:active,
a.link:focus
{
    color: #D4213D !important;
}