.login {
  position: relative;
  padding-top: 80px;
  font-family: "Exo", sans-serif;
  background-color: #f0f0f0;
  height: auto; }
  .login:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 80px;
    background-color: #004793;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 220px auto; }
  .login h1 {
    display: none; }
    .login h1 a {
      display: none; }
  .login #login form {
    border: none;
    background: #fff;
    border-radius: 7px; }
    .login #login form:before {
      content: "Bem vindo!";
      display: block;
      margin: 0 auto 20px;
      font-size: 50px;
      color: #004793; }
    .login #login form p {
      display: block;
      float: none;
      clear: both; }
      .login #login form p.forgetmenot, .login #login form p.submit {
        float: none;
        clear: both; }
      .login #login form p.forgetmenot {
        margin-bottom: 10px; }
      .login #login form p.submit .button.button-primary.button-large {
        display: block;
        width: 100%;
        margin: auto;
        padding: 0 10px;
        float: none;
        clear: both;
        text-align: center;
        background: #004793;
        color: #ffc559;
        font-size: 21px;
        transition: all 0.25s;
        border-radius: 7px;
        border: none; }
        .login #login form p.submit .button.button-primary.button-large:active, .login #login form p.submit .button.button-primary.button-large:focus, .login #login form p.submit .button.button-primary.button-large:hover, .login #login form p.submit .button.button-primary.button-large:focus:hover {
          background: #ffc559;
          color: #004793; }
  .login #backtoblog,
  .login .privacy-policy-page-link {
    display: none; }

@media (min-width: 768px) {
  .login {
    padding-top: 130px; }
    .login:before {
      height: 130px;
      background-size: 345px auto;
      background-position: 20% center; } }