html {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
body {
    background-color: snow;
}
img {
    max-width: 50%;
    height: auto;
    padding: 0rem;
    margin: 0rem;
}
figure {
    background-color: white;
    margin: 0em;
    padding: 0.5em 1.5em 0.5em 0em;
}
figure img {
    max-width: 100%;
    height: auto;
    padding: 0rem;
    margin: 0rem;
    border-width: 0.1em;
    border-style: solid;
    border-color: black;
}
.wrapper {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 1em;
    background-color: white;
}
header {
    background-color: white;
    text-align: center;
    margin: 0em;
    padding: 0em;
    border-bottom-style: dotted;
    border-bottom-width: 0.1em;
    border-bottom-color: black;
}
header h1 {
    margin: 0em;
    padding: 0em;
}
header p {
    margin: 0em;
    padding: 0em;
}
main {
    background-color: white;
    margin: 0em;
    padding: 0em;
}
@media screen and (min-width: 600px) {
    main {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        }
}
article {
    background-color: white;
    margin: 1em 0em 3em 0em;
    padding: 0em 0.5em 0em 0.5em;
}
@media screen and (min-width: 600px) {
    article {
        max-width: 31%;
        min-width: 31%;
    }
}
article h2 {
    margin: 1em 0em 0.5em 0em;
    padding: 0em;
    color: #92282E;
}
article h3 {
    margin: 1em 0em 0.5em 0em;
    padding: 0em;
    color: black;
}
article p {
    margin: 0em 0em 0.5em 0em;
    padding: 0em;
}
footer {
    background-color: white;
    text-align: center;
    margin: 0em;
    padding: 0.5em 0em 0em 0em;
    border-top-style: dotted;
    border-top-width: 0.1em;
    border-top-color: black;
}
footer h2 {
    margin: 0em;
    padding: 0em;
}
footer img {
    max-width: 100%;
    height: auto;
    padding: 0rem;
    margin: 0rem;
}
@media screen and (min-width: 600px) {
    footer img {
        max-width: 33%;
    }
}