@font-face {
    font-family: "Slant";
    src: url('../fonts/slant.ttf') format("truetype");
}

.slant-font{
    font-family: Slant;
}

.header{
    font-size: 65px;
}

@media only screen and (max-width: 768px) {
  .header {
    font-size: 35px;
  }
  .body-background{
    background: url(../img/mobile-background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

@media only screen and (max-width: 320px) {
  .header {
    font-size: 35px;
  }
  .body-background{
    background: url(../img/mobile-background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

.btn-submit{
    color: #fff;
    background-color: #1b1f23;

}

.btn-submit:hover{
    color: #fff;
    background-color: #5E7F8A;
}

.badge-danger{
    background-color: #d9534f;
}