body {
    background: #ecf7fe;
    padding-bottom: 60px
}

.t-form-container {
    max-width: 420px;
    padding: 40px 24px
}

.t-page-header {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    height: 56px
}

.t-form-container:before {
    background: #fff;
    box-shadow: 0 8px 10px 1px rgba(0, 4, 10, .14), 0 3px 14px 2px rgba(0, 4, 10, .04), 0 5px 5px -3px rgba(0, 4, 10, .2);
    content: "";
    height: calc(100% - 60px);
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

@media screen and (max-width:768px) {
    .t-heading,
    .t-mfa-page-header,
    .t-splash-header {
        font-size: 24px;
        line-height: 34px
    }
    .t-page-header svg {
        left: 80px;
        top: 13px
    }
    .t-form-container {
        margin: auto;
        max-width: 321px;
        padding: 20px 15px
    }
    .t-showpwd {
        margin-left: 255px;
        margin-top: 31px
    }
    .t-message-container {
        margin: auto;
        max-width: 313px;
        width: 313px
    }
    .t-button-width-custom {
        max-width: 100%
    }
    .t-splash-container {
        margin: 32px auto auto;
        max-width: 306px;
        width: 306px
    }
    .t-splash-container svg {
        height: 187px;
        margin: auto;
        width: 287px
    }
    .flex-inline-display {
        max-width: 321px
    }
}

@media screen and (min-width:1680px) {
    .t-showpwd {
        font: 400 1rem/1.5rem Telstra Text Variable, Helvetica Neue, Helvetica, Arial, sans-serif;
        margin-top: 44px
    }
}