@font-face {
  font-family: 'BureaucracyState';
  src: url('bureaucracystate.otf') format('opentype');
}

body {
  background: #808080 url('square_bg_@2X.png') repeat;
}

body,
html,
html a {
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  text-rendering: optimizelegibility;
  font-family: "Teko", Arial, san-serif;
  font-size: 20px;
  letter-spacing: 2px;
}

h2 {
  font-size: 40px;
}

h3 {
  font-size: 30px;
}

h2 a,
h3 a {
  font-size: inherit;
}

body {
  color: Khaki;
}

.btn {
  color: initial;
}

a {
  text-decoration: none;
  color: DarkOrange;
}

a:hover,
a:focus {
  color: #995400;
  text-decoration: none;
}

.jumbotron h2 {
  font-size: 90px;
  color: Peru;
  font-family: 'BureaucracyState', Arial, san-serif;
}

.jumbotron a {
  font-size: 40px;
  letter-spacing: 5px;
}

.navbar-default .navbar-nav > li a {
  text-decoration: none;
  color: DarkOrange;
  font-size: 25px;
  letter-spacing: 5px;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #995400;
}

a.unlink {
  color: inherit;
  text-decoration: inherit;
}

a.unlink:hover {
  color: inherit;
  text-decoration: inherit;
}

.navbar-brand {
  color: Peru !important;
  font-family: 'BureaucracyState', Arial, san-serif;
  font-size: 25px;
}

.well,
.navbar,
.jumbotron {
  position: relative;
  border-color: rgba(0, 51, 44, 0.5);
}

.well {
  background: rgba(0, 255, 140, 0.1);
}

.navbar {
  background: rgba(0, 255, 140, 0.2);
}

.jumbotron {
  background: rgba(250, 250, 250, 0.15);
}

.lead {
  font-size: 25px;
}

.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
  background: rgba(255, 140, 0, 0.5);
}

.invert-img img {
  -webkit-filter: invert(0);
  filter: invert(0);
}

.img-circle:hover,
.img-circle:active,
img-circle:focus {
  border-radius: 0;
}

.invert-img:hover img,
.invert-img:focus img,
.invert-img:active img {
  -webkit-filter: invert(0.1);
  filter: invert(0.1);
}
/* video styling */

.fullscreen-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  border-radius: 6px;
}

.fullscreen-bg__video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 75%;
  border-radius: 6px;
}
/* media queries*/

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}

@media (max-width: 767px) {
  .fullscreen-bg__video {
    display: none;
  }
}