@charset "UTF-8";

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

    main{
        width: 80vw;
        height: 500px;
    }

    div#formulario > h1, div#formulario>p, div#formulario>form{
        padding: 20px;
        margin-bottom: 0px;
    }

    div#formulario>p, div#formulario>form{
        padding-top: 0px;
    }

    div#formulario>p{
        padding-bottom: 0px;
    }

    div#imagem{
        float: left;
        width: 40%;
        height: 100%;
    }

    div#formulario{
        height: 500px;
        float: right;
        width: 60%;
        padding: 0px;
    }
}

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

    main{
        width: 900px;
        height: 500px;
    }

    div#formulario > h1, div#formulario>p, div#formulario>form{
        padding: 20px;
        margin-bottom: 0px;
    }

    div#formulario>p, div#formulario>form{
        padding-top: 0px;
    }

    div#formulario>p{
        padding-bottom: 0px;
    }

    div#imagem{
        float: left;
        width: 40%;
        height: 100%;
    }

    div#formulario{
        height: 500px;
        float: right;
        width: 60%;
        padding: 0px;
    }
}

@media screen and (min-width:1200px) {
    div#formulario > h1,
    div#formulario > p {
        color: white;
    }

    main{
        width: 1100px;
        height: 500px;
    }

    div#formulario > h1, div#formulario>p, div#formulario>form{
        padding: 20px;
        margin-bottom: 0px;
    }

    div#formulario>p, div#formulario>form{
        padding-top: 0px;
    }

    div#formulario>p{
        padding-bottom: 0px;
    }

    div#imagem{
        float: left;
        width: 40%;
        height: 100%;
    }

    div#formulario{
        height: 500px;
        float: right;
        width: 60%;
        padding: 0px;
    }
}