@media screen and (max-width: 400px) {
    main div#messages > div span {
        display: block;
    }
    main div#messages > div {
        margin-bottom: 1rem;
    }
}
div#messages h2 {
    font-size: 1rem;
    font-weight: bold;
    padding: 0;
    margin: .25rem 0;
}
div#messages > div {
    margin: .5rem 0;
}
div#messages > div span {
    font-size: 1rem;
    line-height: 1rem;
}
div#messages > div span:first-child {
    vertical-align: top;
    font-size: .75rem;
}