@font-face {
    font-family: 'bebasregular';
    src: url('fonts/BEBAS___-webfont.eot');
    src: url('fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BEBAS___-webfont.woff') format('woff'),
         url('fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('fonts/BEBAS___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
  color: white;
  background: black;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'bebasregular';
  font-weight: normal;
}
h1 {
  font-size: 70px;
  display: block;
  text-align: center;
  letter-spacing: 0.5em;
  padding: 50px 0;
}
img {
  max-width: 100%;
  height: auto;
}

.alert-info, .panel, .panel-body {
  background-color: #34495e;
  color: white;
  border-color: #2c3e50;
  border-radius: 0;
}
.splash {
  -moz-transform: rotate(-5deg) skewX(-5deg);
-webkit-transform: rotate(-5deg) skewX(-5deg);
-o-transform: rotate(-5deg) skewX(-5deg);
-ms-transform: rotate(-5deg) skewX(-5deg);
transform: rotate(-5deg) skewX(-5deg);
  margin-bottom:70px;
  font-size: 30px;
  text-align: center;
}