html {

  box-sizing: border-box;

}

*,

*:before,

*:after {

  box-sizing: inherit;

}

body {

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

  font-size: 16px;

}

@media (min-width: 768px) {

  body {

    font-size: 37px;

  }

}

@media (min-width: 998px) {

  body {

    font-size: 16px;

    background: url(../images/fondo_login.gif);

    background-repeat: no-repeat;

    background-size:cover;

    background-position: center center;

  }

}

.login-user {

  display: flex;

  align-items: center;

  height: 100vh;

}



.contenedor-login-user {

  width: 95%;  

  margin: 0 auto;

  background-color: #ffffff;

  border-radius: 5px;

}

@media (min-width: 998px) {

  .contenedor-login-user {

    width: 350px;

  } 

}

form {

  padding: 25px;

}

label {

  text-transform: uppercase;

  font-weight: bold;

}

.btn {

  color: white;

  font-weight: bold;

  background-color: #b91329;

  border: none;

  text-transform: uppercase;

  padding: 10px 30px;

  display: inline-block;

  text-align: center;

  width: 100%;

  margin-bottom: 10px;

  border-radius:3px;

  cursor: pointer;

}

@media (min-width: 768px) {

  .btn {

    margin-bottom: 20px;

  } 

}

@media (min-width: 998px) {

  .btn {

    margin-bottom: 10px;

  } 

}

input:not([type="button"]) {

  padding: 10px;

  margin-bottom: 20px;

  border: none;

  display: block;

  width: 100%;

  border: 2px solid #e1e1e1;

  border-radius: 3px;

}

.img-logo {

  display: flex;

  justify-content: center;

  margin-bottom: 30px;

}

.img-logo img {

  height:250px;

}
.img-logo-c img {
    height:145px;
}

@media (min-width: 768px) {

  .img-logo img {

    height:450px;

  }
    .img-logo-c img {
        height:325px;
    }
}

@media (min-width: 998px) {

  .img-logo img {

    height:200px;

  }
  .img-logo-c img {
       height:130px; 
    }

}