#banner {
}

    #banner.edit {
        background: none;
        padding: 0px;
        background: #f1f2f2;
    }

    #banner .panel {
        border: none;
        margin: 0px;
        width: 100%;
        padding: 55px 50px 30px 50px;
        background: rgba(255,255,255,0.8);
        border-radius: 10px;
    }

    #banner h3 {
        color: #ffffff;
        font-size: 24px;
        font-family: 'HelveticaNeueLTStdRoman';
        margin: 5px
    }

    #banner a.link {
        display: inline-block;
        color: #069edb;
        font-size: 16px;
        margin: 4px 0px;
    }

    #banner input[type="text"], #banner input[type="password"] {
        background: none;
        box-shadow: none;
        border: 1px solid #939598;
        height: 41px;
        width: 100%;
        display: inline-block;
        color: #747474;
        font-size: 16px;
        font-style: italic;
        padding-left: 12px;
        border-radius: 13px;
        margin: 0px 0px 10px 0px;
        font-family: 'HelveticaNeueLTStdIt';
    }

    #banner input[type="submit"] {
        background: #0054a5;
        box-shadow: none;
        border: none;
        height: 40px;
        width: 100%;
        display: inline-block;
        color: #fff;
        font-size: 16px;
        padding: 0px;
        line-height: 40px;
        text-align: center;
        outline: none;
        border-radius: 10px;
        margin: 0px 0px 10px 0px;
        font-family: 'HelveticaNeueLTStdRoman';
    }

#about {
    float: left;
    width: 100%;
    margin-top: -150px;
}

@media only screen and (max-width: 992px) {
    #banner .panel {
        padding: 30px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .row-eq-height {
        display: block;
    }

    #banner {
        padding-bottom: 50px;
    }

        #banner .panel {
            padding: 20px;
        }

    #about.home {
        margin-top: 0;
        padding-top: 20px;
    }

    .recaptcha {
        padding-left: 0;
        transform: scale(0.8);
        transform-origin: 0 0;
    }

    .btn-show-password {
        left: 85%;
        top: -55px;
    }
}

@media only screen and (max-width: 480px) {
    #banner h3 {
        font-size: 18px;
    }

    #banner .panel {
        padding: 15px;
    }

    .btn-show-password {
        left: 80%;
    }
}


.recaptcha-container {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 10px 0;
}

.recaptcha {
    width: 304px;
    margin: auto;
}

@media (max-width: 340px) {
    .recaptcha-container {
        transform: scale(0.85);
        transform-origin: center;
        margin-bottom: -20px;
    }
}

.form-container {
    display: flex;
    flex-direction: column; 
    align-items: center;   
    justify-content: space-evenly;
    gap: 10px;             
    width: 100%;
    min-height: 350px;     
}


.form-container-centered {
    justify-content: center;
}


.form-container .form-control,
.form-container .md-select-menu-container,
.form-container md-select {
    width: 100%; 
    max-width: 320px; 
}

.alert {
    margin-top: 2vh;
}