* {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    box-sizing: border-box;
}


body{
    background-image: url(../fotos//IMG_2297-HDR2.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
}


.contenedor {
    background-color: white;
    margin-left: 38%;
    margin-top: 15%;
    width: 30%;
    height: 50%;
   
}

.form {
    margin-top: 5%;
    text-align: left;
    width: 90%;
    margin-left: 5%;
}

.inputs {
    text-align: center;
    font-size: 20px;
    width: 100%;
    height: 30%;
    margin-top: 3%;
    border: 1px solid black;
}

input[type=submit] {
    border: 0 none;
    width: 100%;
    height: 30px;
    margin-bottom: 5%;
    background-color: #0064b3;
    font-size: 20px;
    color: white;
}

#Ingresar {
    cursor: pointer;   
}

@media only screen and (min-device-width: 320px) {
   .contenedor {
        width: 80%;
        margin-top: 30%;
        margin-left: 10%;
        height: 40%;
    }
    body {
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: 100% 100%;
    }
}

@media only screen and (min-device-width: 480px) {
   .contenedor {
        width: 80%;
        margin-top: 20%;
        margin-left: 10%;
        height: 40%;
    }
    body{
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: 100% 100%;
    }
}

@media only screen and (min-device-width: 600px) {
   .contenedor {
        width: 60%;
        margin-top: 18%;
        margin-left: 20%;
        height: 50%;
    }
}

@media only screen and (min-device-width: 768px) {
   .contenedor {
        width: 50%;
        margin-top: 14%;
        margin-left: 26%;
        height: 40%;
    }
}

@media only screen and (min-device-width: 800px) {
   .contenedor {
        width: 50%;
        margin-top: 14%;
        margin-left: 26%;
        height: 40%;
    }
}

@media only screen and (min-device-width: 1024px) {
   .contenedor {
        width: 30%;
        margin-top: 14%;
        margin-left: 35%;
        height: 30%;
    }
}