/* media screen */
@media screen and (min-width: 1001px) {

    /******************** Mobile ********************/
    #f1_container {
        width: 100%;
        margin: 0 auto;
        min-height: 450px;
        background: #fff;
        height: 100%;
        padding: 0;
    }

    #f1_card {
        width: 510px;
    }

    .mobileLogin-Header {
        background-image: url("https://instructure-uploads.s3.amazonaws.com/account_234990000000000001/attachments/749/hts_logo_azul.png");
        background-repeat: no-repeat;
        background-size: 510px 80px;
    }

    #f1_container a {
        color: #240085;
    }

    #f1_card #login_form .Button--primary {
        background-color: #240085;
        border: 0px;
    }

    button.Button.Button--primary.Button--block {
        color: #fff;
    }
}

@media screen and (max-width: 1000px) and (min-width: 421px) {

    /******************** Mobile ********************/
    #f1_card {
        width: 300px;

    }

    #f1_container {
        background-color: #fff;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        height: 100%;
    }

    .mobileLogin-Header {
        background-image: url("https://instructure-uploads.s3.amazonaws.com/account_234990000000000001/attachments/749/hts_logo_azul.png");
        background-repeat: no-repeat;
        background-size: 100%;
        min-height: 100px;
    }

    #f1_container a {
        color: #240085;
    }

    #f1_card #login_form .Button--primary {
        background-color: #240085;
        border: 0px;
    }

    button.Button.Button--primary.Button--block {
        color: #fff;
    }
}

@media screen and (max-width: 420px) {

    /******************** Mobile ********************/
    #f1_card {
        width: 260px;
    }

    #f1_container {
        background-color: #fff;
        width: 100%;
        margin: 0 auto;
        height: 100%;
        padding: 0;
    }

    .mobileLogin-Header {
        background-image: url("https://instructure-uploads.s3.amazonaws.com/account_234990000000000001/attachments/749/hts_logo_azul.png");
        background-repeat: no-repeat;
        background-size: 100%;
        min-height: 100px;
    }

    #f1_container a {
        color: #240085;
    }

    #f1_card #login_form .Button--primary {
        background-color: #240085;
        border: 0px;
    }

    button.Button.Button--primary.Button--block {
        color: #fff;
    }
}

.ic-Login-header__links{
    display: none;
}

.ic-Login-header__logo {
    display: flex;
    justify-content: center;
  }