/* Extra small devices (1px and up) */
@media (min-width: 1px) {

    /* ---------- Main ---------- */

    section {
        padding: 1.3em;
    }

    /* ---------- Welcome ---------- */

    section#welcome-banner h2 {
        font-size: 2.7em;
        margin: 3em 0 0 0em;
        vertical-align: bottom;
    }
    
    /* ---------- Journal ---------- */

    #journalentry-list-search {
        margin: 4em auto 1.5em auto;
        width: 100%;
    }

    .journalentry-list-item-image img,
    .journalentry-detail-image img {
        width: 100%;
    }

    .bigbuttons {
        text-align: center;
        margin-top: 2em;
    }
    
    .bigbuttons a,
    .bigbuttons button {
        width: 100%;
        margin-top: 1em;
        font-size: 1em;
        padding: 0.8em 0;
    }
    
    .bigbuttons a i,
    .bigbuttons button i {
        margin-right: 0.5em;
    }
}