﻿

#contact-form #submit {
    padding: 4px 4px !important;
    font-size: 15px !important;
}

.user-auth {
    flex: 1;
    text-align: center;
    /*padding: 5%;*/
}

    .user-auth > div {
        padding: 4rem;
        background: #f5f5f5;
        display: flex;
    }

.auth-col-left {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 4rem;
}

.auth-col-right {
    max-width: 500px;
    margin: auto;
    min-width: 450px;
}

.auth-redirect {
    margin: auto 0;
}

#contact-form-holder form{
    width:100%;
}

@media (min-width: 1024px) {
    #contact-form {
        flex-direction: column !important;
    }

        #contact-form input {
            margin-right: 5px;
            margin-bottom: 8px;
        }

        #contact-form #submit {
            padding: 4px 4px !important;
            font-size: 15px !important;
        }
}

@media(max-width:775px) {
    .user-auth > div {
        flex-direction: column;
    }

    .auth-col-left {
        margin-bottom: 10px;
        padding-right: 0px;
    }

    .user-auth {
        background: #f5f5f5;
    }
}

@media(max-width:550px) {
    .auth-col-right {
        min-width: 350px !important;
        margin: 1.5rem 0.8rem !important;
    }
}
