body {
    font-family: Roboto_Light, Verdana, Arial, Helvetica, sans-serif;
    background-color: #fff;
    height: 100%;
    line-height: 150%;
    padding: 1em;
    text-align: center;
}

#overlay {
    height: 100%;
    text-align: center;
}

.css_well {
    line-height: 150%;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 24px;
    margin: 4em auto;
    max-width: 30em;
    text-align: center;
}


div#overlay > div > span {
    padding: 20px;
    color: #333;
    font-size: 1.6em;
    border-radius: 6px;
}

@media (min-width: 768px) {

    div#overlay > div > span {
        /*font-size: 1em;*/
    }
}