@font-face {
    font-family: 'ES Rebond Grotesque';
    src: url('../fonts/ESRebondGrotesque-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/ESRebondGrotesque-Regular.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
    src: url('../fonts/ESRebondGrotesque-Regular.otf') format('opentype'); /* Legacy iOS */
    src: url('../fonts/ESRebondGrotesque-Regular.svg#Durant-Bold') format('svg'); /* Legacy iOS */
    src: url('../fonts/ESRebondGrotesque-Regular.ttf') format('truetype'); /* Safari; Android; iOS */
    src: url('../fonts/ESRebondGrotesque-Regular.woff') format('woff');
    font-weight: bold;
}

* {
    font-family: 'ES Rebond Grotesque'
}

.container {
    width: 100%;
    min-height: 73vh;
}
    .header {
        width: 100%;
        min-height: 10vh;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        background-color: #fff;
    }
.header .container {
    width: 100%;
    min-height: 10vh;
}
        .header .topLogo{
            width: 20%;
            height: 70%;
            
        }

    .header a {
        color: #5b6770;
        font-weight: 600;
        text-decoration: none;
    }

        .header a:hover {
            text-decoration: none;
            color: #f2bf2e;
        }

    .container .content {
        /*background-color: #0000001a;*/
        width: 100%;
        min-height: 10vh;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align:center;
        padding: 10px;
        background-color: transparent;
    }

        .container .content .content-area {
            width: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            padding: 20px;
        }


.footer {
    width: 100%;
    min-height: 10vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    /*position: fixed;
        bottom: 15px;*/
}

        .footer .footer-img-container {
            width: 100%;
            min-height: 10vh;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center; 
        }

        .footer .bottomLogo {
            width: 5%;
            height: 5%;
        }

        .footer .footer-content {
            width: 100%;
            min-height: 3vh;
            background-color: #f2bf2e;
            margin-top: 0.5rem;
        }

.password-check div {
    display: flex;
    /*padding: 10px;*/
    align-items: center;
    font-weight: 500;
    color: red;
}

.password-check img {
    height: 25px;
    padding-right: 10px;
}