* { margin: 0; padding: 0; }

a {
    text-decoration: none;
}

main {
    font-family: Arial, Helvetica, sans-serif;
}

main #title {
    text-align: center;
    font-size: 200%;
    font-weight: bold;
}

article {
    /* On larger desktops articles look a bit odd with just width */
    max-width: 60em;

    width: 50%;
    margin: 0 auto 2em;
}

article p {
    margin: 0.5em 0;
    text-indent: 2em;
}

article img {
    margin: 1em;

    float: right;

    max-width: 25%;
}


footer {
    font-size: 75%;

    clear: both;

    padding: .5em 1em;

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    /* font-style: italic; */

    color: rgb(255, 255, 255);
    background-color: rgb(175, 38, 38);
}
footer p {
    text-align: center;

    margin: 0.5em 0;
}


@media only screen and (max-width: 620px) {
    main #title {
        font-size: 150%;
    }
    article {
        width: 80%;
    }
    article img {
        display: block;
        
        margin: .5em auto;
        float: none;

        max-width: 40%;
    }
}