body {
    background: whitesmoke
}

.content {
    padding: 16px 28px 6px;
    background: none repeat scroll 0 0 #F9F9F9;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #E6E6E6;
    box-shadow: 0 0 2px #DADADA, 0 0 2px #E6E6E6 inset;
    margin: 12em auto 0;
    max-width: 450px
}

@media (min-height: 0px) and (max-height: 480px) {
    .content {
        margin: 6em auto 0;
    }
}

@media (min-height: 481px) and (max-height: 640px) {
    .content {
        margin: 10em auto 0;
    }
}

@media (min-height: 641px) and (max-height: 800px) {
    .content {
        margin: 12em auto 0;
    }
}

@media (min-height: 801px) and (max-height: 4096px) {
    .content {
        margin: 14em auto 0;
    }
}

.navbar-inverse .navbar-inner {
    padding-left: 8px;
}

label {
    font-weight: normal;
}