html,body {
    font-family: 'Tajawal', serif;
    font-size: 14px;
    font-weight: 300;
  }
  
  html {
    overflow-y: hidden !important;
    background-color: #EEEEEE; /*background-image: url("../images/background004.jpg") !important;*/
        -webkit-background-size:cover;
      -moz-background-size:cover;
      -o-background-size:cover; 
      background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .hero.is-success {
    background: #F2F6FA;
  }
  .hero .nav, .hero.is-success .nav {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .box {
    margin-top: 5rem;
    background-color:#FFFFFF;
  }
  input {
    font-weight: 300;
  }
  p {
    font-weight: 700;
  }
  p.subtitle {
    padding-top: 1rem;
  }
  
  .facebook-button {
    color: #fff;
    background-color: #3a589a;
    width: 50px;
  }
  
  .facebook-button:hover {
    border-color: #bdbdbd;
    color: #ffffff;
  }
  
  .twitter-button {
    color: #fff;
    background-color: #4099ff;
    width: 50px;
  }
  
  .twitter-button:hover {
    border-color: #bdbdbd;
    color: #ffffff;
  }
  
  .google-button {
    color: #fff;
    background-color: #e9544f;
    width: 50px;
  }
  
  .google-button:hover {
    border-color: #bdbdbd;
    color: #ffffff;
  }
  
  a {
    color: #fff;
  }
  
  .fa-sign-in-alt {
    font-size: 36px;
  }
  
  .languages {
    margin-top: 10px;
  }

  .message {
    font-size: 1rem;
  }