@charset "UTF-8";

@media screen and (min-width: 768px) and (max-width: 992px) {
    body {
      width: 100vw;
      background-image: linear-gradient(to bottom, #E0C8F0, #0A3D6C);
      

    }

      section#login {
        width: 80vw;
        height: 340px;

    } 
      
      section#login > div#imagem-fundo {
        float: left;
        width: 40%;
        height: 100%;
         
    }

      section#login  > div#formulario {
        float: right;
        width: 60%;


    }
                
}

@media screen and (min-width: 992px)  {
    body {
      width: 100vw;
      background-image: linear-gradient(to bottom, #E0C8F0, #0A3D6C);

    }

     section#login {
      width: 951px;


    }

     section#login div#imagem-fundo {
      float: left;
      width: 50%;
      height: 100%;

    }

     section#login > div#formulario {
      padding-top: 160px;
      float: right;
      width: 50%;
      
        
    }               
}

@media screen and (min-width: 1220px) {
     body, html {
      background-image: linear-gradient(to bottom, #E0C8F0, #0A3D6C);

    }

     section#login {
      width: 951px;

    }

     section#login div#imagem-fundo {
      float: left;
      width: 50%; 
      height: 100%;

    }

     section#login > div#formulario {
      float: right;
      width: 50%;


    }                 
}