@media (max-width: 800px) {
    body.login {
        background-image: url(fondo_login_movil.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .login form {
      border: 2px solid #f3f1e5;
      background: transparent;
    }

    .login * {
      font-size: 16pt;
      color: #f3f1e5;
    }

    #login {
      width: 320px;
      padding: 5% 0 0;
      margin: auto;
    }

    .login #login_error, .login .message, .login .success {
      border-left: 4px solid #f3f1e5;
      padding: 12px;
      background-color: transparent;
      box-shadow: none;
    }
        
    .login form .input, .login input[type=password], .login input[type=text] {
      background: transparent;
      border-bottom: 2px solid #f3f1e5;
      border-radius: 0px;
      border-top: none;
      border-right: none;
      border-left: none;
      color: white;
    }
          
    .wp-core-ui .button-primary {
      border-radius: 0;
      width: 150px;
      background: #a28166;
      border-color: #a28166;
      margin-top: 30px;
      margin-right: 50px;
    }

    .login .wp-login-logo a {
      background-image: url(logo.png);
      background-size: 100%;
      width: 100%;
      margin-bottom: -20px;
    }

    #backtoblog a, #nav a {
        visibility: hidden;
    }
}

@media (min-width: 800px) and (max-width: 1280px) {
    body.login {
      background-image: url(fondo_login_tablet.png);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }

    .login form {
      border: 2px solid #f3f1e5;
      background: transparent;
    }

    .login * {
      font-size: 16pt;
      color: #f3f1e5;
    }

    #login {
      width: 320px;
      padding: 5% 0 0;
      margin: auto;
      margin-right: 170px;
    }

    .login #login_error, .login .message, .login .success {
      border-left: 4px solid #f3f1e5;
      padding: 12px;
      background-color: transparent;
      box-shadow: none;
    }
        
    .login form .input, .login input[type=password], .login input[type=text] {
      background: transparent;
      border-bottom: 2px solid #f3f1e5;
      border-radius: 0px;
      border-top: none;
      border-right: none;
      border-left: none;
      color: white;
    }
          
    .wp-core-ui .button-primary {
      border-radius: 0;
      width: 150px;
      background: #a28166;
      border-color: #a28166;
      margin-top: 30px;
      margin-right: 50px;
    }

    .login .wp-login-logo a {
      background-image: url(logo.png);
      background-size: 100%;
      width: 100%;
      margin-bottom: -20px;
    }

    #backtoblog a, #nav a {
        visibility: hidden;
    }
}

@media (min-width: 1280px) {
    body.login {
      background-image: url(fondo_login.png);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
  
    .login form {
      border: 2px solid #f3f1e5;
      background: transparent;
    }
  
    .login * {
      font-size: 16pt;
      color: #f3f1e5;
    }
  
    #login {
      width: 320px;
      padding: 5% 0 0;
      position: relative;
      top: 20%;
      left: 30%;
    }
  
    .login #login_error, .login .message, .login .success {
      border-left: 4px solid #f3f1e5;
      padding: 12px;
      background-color: transparent;
      box-shadow: none;
    }
        
    .login form .input, .login input[type=password], .login input[type=text] {
      background: transparent;
      border-bottom: 2px solid #f3f1e5;
      border-radius: 0px;
      border-top: none;
      border-right: none;
      border-left: none;
      color: white;
    }
          
    .wp-core-ui .button-primary {
      border-radius: 0;
      width: 150px;
      background: #a28166;
      border-color: #a28166;
      margin-top: 30px;
      margin-right: 50px;
    }
  
    .login .wp-login-logo a {
      background-image: url(logo.png);
      background-size: 100%;
      width: 100%;
      margin-bottom: -20px;
    }
  
    #backtoblog a, #nav a {
        visibility: hidden;
    }
}