/*@import "bourbon";*/

  @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,700);
  /*@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css);*/
  /*@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);*/

  $shadow-color: #23203b;
  $input-color: lighten(#AB9E95, 10%);
  $input-border-color: #5E5165;
  $button-background-color: #27AE60;

  * {
    margin: 0;
    padding: 0;
  }

html {
    /*background: url(images/background_login.tesoreria.jpg) no-repeat center center fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

  
  body {
    background: transparent;
  }

  body, input, button {
    font-family: 'Source Sans Pro', sans-serif;
  }

  .login {
    padding: 15px;
    width: 350px;
    min-height: 350px;
    margin: 2% auto 0 auto;
    

  }

   h2 {
      font-size: 3em;
      font-weight: 300;
      /*color: rgba(255, 255, 255, 0.7);*/
      color: #005592;
      /*display: inline-block;*/
      padding-bottom: 5px;
      text-shadow: 1px 1px 3px $shadow-color;
    }

  /* Large Devices, Wide Screens */
  
  @media only screen and (max-width : 1500px) {
  }

  
  @media only screen and (max-width : 1200px) {
    .login {
      width: 550px;
      font-size: 1.7em;
    }
  }

  @media only screen and (max-width : 1100px) {
    .login {
      margin-top: 2%;
      width: 550px;
      font-size: 1.7em;
    }
  }

  /* Medium Devices, Desktops */
  
  @media only screen and (max-width : 992px) {
    .login {
      margin-top: 1%;
      width: 550px;
      font-size: 1.7em;
      min-height: 0;
    }
  }
  
  /* Small Devices, Tablets */
  @media only screen and (max-width : 768px) {
    .login {
      margin-top: 0;
      width: 450px;
      font-size: 1.3em;
      min-height: 0;
    }
  }

  /* Extra Small Devices, Phones */ 
  @media only screen and (max-width : 480px) {
    .login {
      margin-top: 0;
      width: 300px;
      font-size: 0.7em;
      min-height: 0;

    }
  }

  /* Custom, iPhone Retina */ 
    
  @media only screen and (max-width : 320px) {
    .login {
      margin-top: 0;
      width: 300px;
      font-size: 0.7em;
      min-height: 0;
    }
      
  }