main {
    padding-top: 10rem;
    background-color: white;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
section .logo {
    width: 66rem;
    max-width: 100%;
    margin-bottom: 12.5rem;
}
section .section-tit1 {
    margin-bottom: 10rem;
}
section .section-tit1-recordatorio {
    margin-bottom: 5rem;
}
section .section-intro {
    margin-bottom: 10rem;
    font-size: 4rem;
}
section .form-esp .form-group {
    margin-bottom: 2.75rem;
}
section .form-group-password {
    position: relative;
}
section .form-group-password .togglePass {
    position: absolute;
    right: 3.75rem;
    top: 2.75rem;
    z-index: 3;
    cursor: pointer;
}
section .btn-black {
    margin-top: 5.25rem;
}
section .lnk-recordatorio {
    margin-top: 10rem;
    font-size: 4.5rem;
}


@media (min-width: 768px) {
    section > .row {
        display: -webkit-flex;
        display: flex;
    }
    section .section-left {
        position: relative;
    }
    section .section-left .shape-login {
        width: 50rem;
        position: absolute;
        right: 2rem;
        top: 50%;
        transform: translateY(-50%);
    }
}
@media (max-width: 767px) {
    section {
        text-align: center;
    }
    section .section-left {
        display: none;
    }
    section .btn-black {
        width: 100%;
    }
}