#registrationPanel {
    width: 500px;
}

    #registrationPanel #logo {
        max-height: 30px;
    }

    #registrationPanel h6 {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #e6e6e6;
        line-height: 0.1em;
        margin: 10px 0 10px;
        display: block;
        position: relative;
    }

    #registrationPanel h6 span {
        background-color: white;
        padding: 0 20px;
        position: absolute;
        top: -9px;
        transform: translateX(-50%);
    }

    #registrationPanel button.btn.primary > i {
        display: inline-block;
        margin-right: 10px;
    }

@media (max-width: 575px) {
    #registrationPanel {
        width: 90%;
    }

    #registrationPanel button.btn.social {
        width: 44px;
        height: 44px;
        border-radius: 22px !important;
        text-align: center;
        background-color: white;
    }

    #registrationPanel button.btn.primary > i {
        display: inline-block;
        margin-right: 0px;
    }
}