* {
    position: relative;
    margin:0 auto;
    padding:0;
}
html, body {
    width:100%;
    height: 100%;
    margin:0 auto;
    padding: 0;
}
.visuallyhidden {
    display: none;
}
#container {
    display: table;
    width:100%;
    height: 100%;
}
#content {
    display: table-row;
    width:100%;
    height:100%;
}
label:after {
    content: ':';
}
.logo {
    margin-bottom: 10px;
    text-align: center;
    font-size:32px;
    text-shadow: 2px 2px 12px #2c3e50;
    color:#34495e;
}
.form-login, .form-reg {
    width: 358px;
}

.form-group{
    margin:5px 0;
    text-align: center;
}

#login-box {
    background-color: #ecf0f1;
    position: absolute;
    top:50%;
    margin-top:-123px;
    left:50%;
    margin-left:-179px;
}

#reg-box {
    background-color: #ecf0f1;
    position: absolute;
    top:50%;
    margin-top:-255px;
    left:50%;
    margin-left:-179px;
}
.panel-body {
    height: 300px;
}
.reg {
    height: 550px;
}
.login {
    text-align:center;
    padding: 5px;
    margin:10px 0;
}