.social-login {
    width: 49%;
    text-align: center;
    padding: 12px;
    border: none;
    border-radius: 0px;
    margin: 5px 0;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none; /* remove underline from anchors */
}

.social-login-sm {
    width: auto;
    text-align: center;
    padding: 13px 15px 13px 15px;
    border: none;
    border-radius: 0px;
    margin: 0 0 0 10px;
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    text-decoration: none; /* remove underline from anchors */
}

.social-login:hover, .social-login:focus, .social-login-sm:hover, .social-login-sm:focus{
    opacity: 0.85;
    color: white;
    cursor: pointer;
}

/* add appropriate colors to fb, twitter and google buttons */
.social-login-facebook {
    background-color: #3B5998 !important;
    color: white !important;
}

.social-login-google {
    background-color: #dd4b39 !important;
    color: white !important;
}

@media only screen and (max-width: 760px) {
    .social-login {
        width: 100%;
        margin: 5px 0 0 0 !important;
    }

    .social-login-sm {
        width: 100%;
        margin: 5px 0 0 0 !important;
    }
}

.buttons .pull-right .social-login-facebook.btn, .buttons .pull-right .social-login-google.btn {
    margin-right: 5px;
    max-height: 36px;
}

.buttons .pull-right .social-login-facebook.btn::after, .buttons .pull-right .social-login-google.btn::after {
    content: none !important;
    font-family: "Open Sans", sans-serif !important;
}

.buttons .pull-right .social-login-facebook.btn:hover, .buttons .pull-right .social-login-facebook.btn:focus {
    background-color: #3B5998 !important;
    opacity: 0.85 !important;
    color: white !important;
    cursor: pointer !important;
}

.buttons .pull-right .social-login-google.btn:hover, .buttons .pull-right .social-login-google.btn:focus {
    background-color: #dd4b39 !important;
    opacity: 0.85 !important;
    color: white !important;
    cursor: pointer !important;
}

@media only screen and (max-width: 1025px) {
    .buttons .pull-right .social-login-facebook.btn, .buttons .pull-right .social-login-google.btn {
        margin-right: initial;
        margin-bottom: 3px;
        max-height: 36px;
    }
}