*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, b, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline }

:focus { outline: 0; }

html {
    height: 100%;
}

body {
    display: table;
    width: 100%;
    height: 100%;
    font: 1em/1.4 "Nimbus Sans L", "Freesans", sans-serif;
    color: #444;
    background: #fff url('concrete.jpg');
}

.cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.logo {
    border-radius: 50%;
    box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.5);
}