.logins {
    width: 80%;
    margin-bottom: 100px;
    display: flex;
    flex-wrap: wrap;
}

.formulario {
    margin: auto;
}
.formulario form {
    margin:auto;
    margin-bottom: 15px;
    background: #F3F3F3;
    padding: 30px;
    border: 1px solid rgba(0,0,0,0.2);
    width: 300px;
}

.formulario h2 {
    text-align: center;
    margin-bottom: 20px;
    color: rgba(0,0,0,0.5);
}

.formulario input {
    display: block;
    padding: 10px;
    width: 100%;
    margin: 30px 0;
    font-size: 20px;
}

.formulario input[type="submit"] {
    background: linear-gradient(#FFDA63, #FFB940);
    border: 0;
    color: brown;
    opacity: 0.8;
    cursor: pointer;
    border-radius: 20px;
    margin-bottom: 0;
}

.formulario input[type="submit"]:hover {
    opacity: 1;
}

.formulario input[type="submit"]:active {
    transform: scale(0.95);
}

@media (min-width:480px){
    .formulario {
    display: flex;
    flex-wrap: wrap;

}
}

@media (min-width:768px){
    .formulario form {

    }
}
@media (min-width:1024px){
    .formulario form {

    }
    .logins {

}
}