/*@import url(//db.onlinewebfonts.com/c/fe2027c27b6a24505f548c6fd2e1076d?family=Berlin+Sans+FB);*/

*{
    font-family:'Berlin Sans FB';
}

body {
    background:url('../../imgs/Bg.png') no-repeat;
    background-size:100% auto;
    background-color:#386094;
}
.login-container{
    width:350px;
    margin: 0 auto;
    padding-top: 20px; 
    float:left;
}

.logo-main-content{
    padding-bottom: 0px;
}

.logo-content{
    padding-bottom: 0px;
}

.login-content{
     background:rgba(255,255,255,.75);
    border-radius: 10px;
    padding: 25px 15px 0 15px;
    box-shadow: 0 02px #999;
    border-bottom:20px;
    /*float:left;*/
    /*width:100%;*/
}

.login-content input[type=text],input[type=password],input[type=submit]{
    border-radius: 10px;
    border:0;
    color:#2b2b2b;
    box-shadow: 0 02px #999;
}
.login-content input[type=submit]{
    background: #c2c2c2;
    font-size: 20px;
    padding: 15px;
}

.error-container {
    width:100%;
    padding:20px;
    text-align:center;
    background:#f2dede;
    margin-bottom:20px;
    box-shadow:0px 2px #999;
    border-radius:10px;
}

@media only screen and (max-width: 600px) {
    
    .login-container{
        width: 80%;
        padding: 30px 10px;   

    }
    
    .logo-content{
        width:50%;
        margin: 0 auto;
    }
}

.branding{
    position: fixed;
    bottom: 0;
    left:0;
    width:100%;
    text-align: center;
    padding: 10px;
    color:#444;
    font-size: 12px;
}.branding a{
    color:#444;
}

 #bottom-stuff {
    padding: 0px 30px 30px 30px;
    margin-left:150px;
    position: relative;
}

#bottom{

    position: absolute; bottom: 0px; 
}