@charset "UTF-8";

@media screen and (min-width:768px) and (max-width:992px) {

    body {

        background-image: linear-gradient(to bottom,  #8e8e1a, #cac19c93);
    }
    
    section#login {
        width:80vw ;
        height: 330px;   
    }

    section#login > div#imagem {

        float:left;
        width: 40%;
        height: 100%;
    }

    section#login > div#formulario {

        float: right;
        width: 60%;
    }
}

@media screen and (min-width:992px) {

    body {

        background-image: linear-gradient(to bottom,  #8e8e1a, #cac19c93);
    }
    section#login {
        width:950px ; 
        height: 430px;  
    }

    section#login > div#imagem {

        float:right;
        width: 50%;
        height: 100%;
    }

    section#login > div#formulario {

        float: left;
        width: 50%;
    }

    div#formulario > h1 {

        font-size: 2em;
    }

    div#formulario > p {

        font-size: 1.2em;
    }

    footer {

        font-size: 1.5em;
    }
}