/*body {
  font-family: "Roboto", sans-serif;
}
*/


@font-face {
    font-family: 'devant';
    src: url('../assets/fonts/Devant-Horgen.ttf');
}

@font-face {
    font-family: 'gotham';
    src: url('../assets/fonts/GothamNarrowBook.ttf');
}

@font-face {
    font-family: 'gothambold';
    src: url('../assets/fonts/Gotham-Bold.otf');
}

@font-face {
    font-family: 'gothamlight';
    src: url('../assets/fonts/Gotham-Light.otf');
}

body {
    font-family: 'gotham';
    color: #000;
}

.container {
  padding-left: 1rem;
  padding-right: 1rem;
}

.leaderboard {
    height: 500px;
    background-size: cover !important;
    background: url("../assets/webbanner.jpg") no-repeat;
}
@media (min-width: 640px) {
  .leaderboard {
    height: 600px;
    background-size: cover !important;
    background-position: 100% !important;
    background: url("../assets/webbanner.jpg") no-repeat;
  }
}

.head-with-line {
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center;
}
.head-with-line:before,
.head-with-line:after {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 50%;
  height: 1px;
  content: "\a0";
  background-color: #1d3a8a;
}
.head-with-line:before {
  margin-left: -50%;
  text-align: right;
}