:root {
  --color: #2260a9;
  --yellow: rgba(255,220,64,1);
}

@font-face {
  font-family: 'AkzidenzGroteskBQ-Light';
  src: url('../fonts/AkzidenzGroteskBQ-Light.eot');
  src: url('../fonts/AkzidenzGroteskBQ-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/AkzidenzGroteskBQ-Light.ttf') format('truetype'),
       url('../fonts/AkzidenzGroteskBQ-Light.woff') format('woff'),
       url('../fonts/AkzidenzGroteskBQ-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


body {
  color: var(--color);
  font-family: "AkzidenzGroteskBQ-Light", sans-serif;
}

a {
  text-decoration: underline;
  color: var(--color);
}

a:hover {
  color: #fff;
}

.backdrop {
  z-index: -1;
  position: fixed;
  top: 0px;
  left: 0px;
  background-image: url("../img/bg.jpg");
  background-size: cover;
  background-position: center center;
  width: 100vw;
  height: 100vh;
}

.intro-head {
  padding-top: 50vh;
  height: 100vh;
}

.modal-dialog {
  background-color: rgba(0,0,0,0.8);
}

.modal-content {
  background-color: rgba(0,0,0,0.8);
}