body {
    background-color: #fafafa;
}
#content {
    padding-top: 160px;
}
#content .middle-box {
    width: 300px;
    padding: 0;
}
#divDescricao {
  padding-left: 180px;
}
#divDescricao > div {
  height: 280px;
  padding: 0 20px;
  border-left: 10px solid var(--corPrincipal);
  transform: skew(-15deg);
}
@media (max-width: 768px) {
    #content {
        padding-top: 90px !important;
    }
    #divDescricao {
        padding-left: 90px !important;
    }
    #divLogin {
        padding: 20px !important;
    }
    #divLogin > div {
        margin: 50px auto !important;
        width: 420px !important;
    }
}
@media (max-width: 425px) {
    #divDescricao {
        padding-left: 20px !important;
    }
    #divDescricao > div {
        height: auto !important;
        border-left: 5px solid #65c833 !important;
        padding: 0 10px !important;
    }
    #divDescricao > div > .logo-name {
        font-size: 25px !important;
        letter-spacing: -3px !important;
    }
    #divDescricao > div > .logo-name > span {
        font-size: 35px !important;
    }
    #divDescricao > div > .logo-descricao {
        display: none !important;
    }
    #divLogin > div {
        margin: 15px auto !important;
        width: 330px !important;
    }
}
@media (max-width: 320px) {
    #divLogin > div {
        margin: 5px auto !important;
        width: 280px !important;
    }
}
#divLogin > div {
    width: 380px;
    border-radius: 0 15px 15px;
    border: 1px solid #e6e6e6;
    background: #efe7e7;
    padding: 35px;
    margin: 35px 0;
}
#divLogin > div > h3 {
    font-size: 21px;
    text-align: left;
    margin-top: 0;
}
#divLogin .inline-footer > button {
    width: 100px;
    font-weight: 600;
    font-size: 12px;
}
.logo-descricao {
    margin: 20px 0 0;
    color: #98999a;
    font-size: 18px;
}
.logo-name {
    color: #686b6d;
    font-size: 40px;
    font-weight: 800;
    letter-spacing: -3px;
    margin: 0;
}