body {

    background: rgba(0,0,0,0.9);

}



.formlog {

    position: relative;

    float: left;

    width: 60%;

    height: auto;

    margin-left: 20%;

    margin-top: 1px;

}



.ta_fondo_log {

    width: 60%;

    margin-left:10%;

    position: relative;

    float: left;

    background: rgba(0,0,0,0.7);

    border-radius: .8em;

    /*margin:calc(50vh - 220px) auto;*/

    padding: 1em 1.2em;

    /*max-width:calc(100vw - 45px);*/

    box-sizing: border-box;

    font-family: 'Montserrat',sans-serif;

    position: relative;

}



.ta_formu_log {

    color: white;

    -moz-apparence: none;

    -webkit-appearance: none;

    apparence: none;

    width: 80%;

    height: 3em;

    padding: .6em;

    box-sizing: border-box;

    background: none;

    outline: none;

    resize: none;

    border: 0;

    font-family: 'Montserrat',sans-serif;

    transition: all .3s;

    border-bottom: 2px solid #bebed2;

    background: rgba(0,0,0,0.5);

    border-radius: .8em;

    /*margin:calc(50vh - 220px) auto;*/

    padding: 1em 1.2em;

    /*max-width:calc(100vw - 45px);*/

    margin-left: 10%;

    margin-top: 1em;

    box-sizing: border-box;

    font-family: 'Montserrat',sans-serif;

    position: relative;

    float: left;

}



.subti_log {

    font-family: 'Montserrat',sans-serif;

    color: #bebed2;

    position: relative;

    float: left;

    width: 80%;

    margin-left: 10%;

}



.nolog_log {

    font-family: 'Montserrat',sans-serif;

    color: red;

    position: relative;

    margin-top: 1em;

    float: left;

    width: 80%;

    margin-left: 10%;

}



.div_formu_log {

    position: relative;

    float: left;

    width: 30%;

    margin-left: 0;

    margin-top: 2em;

}





@media screen and (max-width: 800px) {

    .formlog {

        position: relative;

        float: left;

        width: 96%;

        height: auto;

        margin-left: 2%;

        margin-top: 1px;

    }

    .ta_fondo_log {

        width:80%;margin-left:10%;

    }

    }