.container-login {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.container-login.center {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 2rem;
}

.container-login.center .img-login {
    padding: 2rem;
    margin-right: 0;
    width: 300px;
}

.header-login h2 {
    font-size: 3rem;
}

.header-login {
    display: flex;
    justify-content: space-between;
}

@keyframes Rotate{
    0%,100%{
        transform: rotate(0);
    }
    50%{
        transform: rotate(5deg);
    }
}
.header-login img {
    width: 80px;
    animation: Rotate 2s linear infinite;
}

.header-login.center img {
    display: none;
}

.login-content {
    width: 50%;
    padding: 4rem;
    border-radius: .4rem;
    background: #fff;
    box-shadow: 0px 3px 10px 0px rgba(13, 21, 75, 0.3);
}

.img-login {
    padding: 2rem;
    margin-right: 10rem;
    width: 500px;
}

.img-login img {
    width: 100%;
}

.div-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
}

@media (max-width: 767px) {
    .container-login {
        display: flex;
        justify-content: center;
    }

    .img-login {
        display: none;
    }

    .login-content {
        width: 100%;
    }
}

@media (max-width: 520px) {
    section {
        padding: 0;
    }

    .container-login {
        background: #fff;
    }

    .container-login.center .login-content{
        padding: 0;
    }

    .login-content {
        border-radius: 0;
        box-shadow: none;
    }

    .login-content .form-group label {
        font-size: 1.2rem;
    }
}