@charset "UTF-8";

body{
    background: #f2f2f2;
}

#page{
    margin: 0;
}

#login #header-container {
    position: relative;
    height: 35px;
    padding: 10px 0;
}

#login #header-container .logo{
    display: block;
    overflow: hidden;
    width: 104px;
    height: 0;
    margin: 0 auto;
    padding: 35px 0 0;
    background: url(../img/logo@3x.png) no-repeat left top;
    background-size: 104px 35px;
}

#login #main-container{
    margin: 0 0 60px;
    padding: 0;
}

#main-container .wrapper{
    margin: 0 10px;
}

#main-container .card{
    background: #fff;
}

@media only screen and (min-width: 768px) {

    #page{
        margin: 0;
    }

    #login #header-container {
        margin: 0 0 30px;
        padding: 10px 0;
    }
    
    #login #header-container .logo{
        display: block;
        overflow: hidden;
        width: 104px;
        height: 0;
        margin: 0;
        padding: 35px 0 0;
        background: url(../img/logo@3x.png) no-repeat left top;
        background-size: 104px 35px;
    }

    #login #main-container{
        width: 600px;
        margin: 0 auto;
    }

    #footer-container{
        margin: 0;
    }


}