body html 
{
    font-family: 'Lato' , sans-serif;
}

div#vertical_position {position: absolute; top: 25%; width: 99%;}
div#horizontal_position { margin-left: auto; margin-right: auto;}
div#logo {background: url(images/logo.png) no-repeat center center; width: 203px; height: 60px; margin-top: 7px; margin-left: auto; margin-right: auto;}

div#inner-content
{
  background-color: #f4f4f4;
  width:90%;  
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
  padding: 1%;
}

.widthMax 
{
    width:100%;
}

.hplPaddingLeft
{
   font-size: 100%;
}

.forgotLink {
  margin: 24px auto;
  padding-bottom: 24px;
  border-bottom: 1px solid #cbd2d6;
  text-align: center;
}

.forgotLink a {
    color: #1879b8;
    text-decoration: none;
}

    @media only screen and (max-width: 480px) {
        .pure-form input:not([type]),
        .pure-form input[type=text],
        .pure-form input[type=password],
        .pure-form label {
            display: inline !important;
        }
    }