.fa-vertical {
    vertical-align: middle;
}

#image-logo {
    max-width: 500px;
    max-height: 500px;
}

#pincode-hidden {
    width: 90%;
    height: 90%;
    position: absolute;
    left: 5%;
    top: 5%;
    z-index: -10;
}

.form-control {
    font-size: 16px !important;
}

@media only screen and (min-height: 401px) {
    .margin-bottom {
        margin-bottom: 20px;
    }
}

@media only screen and (max-height: 400px) {
    #title{
        padding: 0px;

    }
    .alert{
        padding: 5px;
        margin-bottom: 10px;
    }
}