html {
    font-size: 62.5%; /* The default font-size of all browsers are 16px,
    this set the base of 10px, making it easier for us to manipulate*/
    font-family: Verdana, Arial, sans-serif;;
}

body {
    font-size: 1.0em;
}

header.page, footer {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

footer {
    margin-top: 2.5rem;
}

header.page h1 {
    color: #56a0d3;
    font-size: 2.0rem;
}

.container {
    position: relative;
    margin: 0 auto;
    font-size: 1.3rem;
}

.container h3 {
    text-align: center;
    font-size: 1.6rem;
}

.container form.sso-form {
    position: relative;
    margin: 0 auto;
    /*width: 100%;*/
    font-size: 1.6rem;
    background: #FCFCFC;
    padding: 1.5em;
    border: 1px solid #56a0d3;
    border-radius: 1rem;
}

.container form label
{
    display: block;
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
}


.container form input[type=text],
.container form input[type=password] {
    width: 95%;
    height: 2rem;
    margin: 0 auto 1rem auto;
    border: 1px dotted #56a0d3;
}

.container form input[type=checkbox] {
}

.container form button[type=submit],
.container form a.form-button {
    margin: 1rem 0;
    width: 98%;
    display: block;
    font-size: 2rem;
    height: 3rem;
    border: 1px solid #56a0d3;
    background: #56a0d3;
    color: white;
    text-decoration: none;
    text-align: center;
}

.container form a.form-button {
    line-height: 3rem;
}

.container form button.reverse[type=submit],
.container form a.form-button.reverse {
    color: #56a0d3;
    background: white;
}

.loginHelp {
    font-size: 1.3rem;
}
.reminder em {
    background: #FF895E;
    color: white;
    padding: 0 5px;
    font-weight: bold;
}

@media all and (min-width: 320px) {
    .container {
        width: 30rem;
    }

    #footerLogo {
        background: center no-repeat url("/idp/images/logo.png");
        display: block;
        height: 10rem;
    }
}

@media all and (min-width: 600px) {
    #headerLogo{
        background: center no-repeat url("/idp/images/logo.png");
        display: block;
        height: 10rem;
    }
    #footerLogo {
        //background-image: none;
        display: none;
    }
}