.principalB {
    width: 100vw;
   height: 100%;

    background: 
    url("../img/Patas.svg") 100% 0% no-repeat,
    url("../img/header_fundo.svg") no-repeat , 
    url("../img/lateralEsq_fundo.svg") 0% 90% no-repeat; 

    background-size: 8rem, 18rem, 5.2rem;
    background-color: #FFFFFF; 

}

.principalB__altura {
    background-size: 8rem, 17rem, 4rem;
}

.principalB__descricao {
    margin: 0;
    margin-bottom: 1rem;

    color: var(--azul);
}

.principalB__logo {
    align-self: center;

    padding-bottom: .5rem;

    margin-top: -20px;

    width: 70%;
}

.login__logo {
    margin-top: 1rem;
    margin-bottom: 0;
}

.descricao__login{
    margin: 2rem 0;
}

.senha__login {
    margin-top: 1.5rem;
}

@media screen and (min-width: 768px) {
    
    .principalB {
        background: 
    url("../img/Patas.svg") 100% 0% no-repeat,
    url("../img/header_fundo.svg") no-repeat , 
    url("../img/inicial_lateralfundo.svg") 100% 90% no-repeat; 

    background-size: 12rem, 28rem, 6rem;
    background-color: #FFFFFF; 

    }
    
    .principalB__descricao {
        font-size: 18px;

        margin-bottom: 2rem;
    }
}

@media screen and (min-width: 1024px) {
    
    .principalB {
        background-size: 12rem, 36rem, 6.2rem;
    }

    .principalB__descricao {
        margin: 1rem 0;
    }
    
}