@import "defs.less";

@media screen and (max-width:950px){
    #logar{
        flex-direction:column;
        justify-content:flex-start;
        align-items:center;
        gap:40px;
        padding:40px 20px;
        height:auto;
        
        .grupo_personalizacao{
            width:200px;
            img{
                max-width:250px;
                max-height:150px;
            }
        }
    }
}

@media screen and (max-width:540px){
    .login_container{
        .seta_voltar{
            i{
              font-size:20px;
            }
        }
    }
}

@media screen and (max-width:480px){
    .login_container{
        width:100%;

        .form-container{
            padding:20px;

            .top{
                img{
                    width:150px;
                }
            }
            
            .bottom{
                margin-top:30px;

                div{
                    flex-direction:column;
                    gap:10px;

                    span{
                        text-align:center;
                    }

                    .btt_outlined{
                        width:100%;
                        text-align:center;
                    }
                }
            }
        }
    }
}