body {
    font-size: 1.10rem;
}
button, input[type=submit]{
    font-size: 1em;
}
p.small {
    font-size: 0.8rem;
}
.header > #user.hidden {
    text-align: right;
}
.header > #user.hidden {
    opacity: 0;
}
@media only screen and (max-width: 800px) {
    body {
        font-size: 0.90rem;
    }

    form.login td:nth-child(2),
    form.login input[type=text],
    form.login input[type=password]{
        width: 100%;
    }

    .header > #user.hidden {
        display: none;
    }

    .box > .box-label {
        font-size: 1.4em;
    }
    .box > .box-icon > i {
        font-size: 22px;
        left: -20px;
        top: -20px;
    }
}