body {
  background: #03030c;
  background: -moz-linear-gradient(left, #000000 0%, #000000 10%, #032849 50%, #1b5baa 50%, #03030c 50%, #1e5799 50%, #1e5799 50%, #207cca 50%, #0c1142 50%, #032849 50%, #000000 90%, #000000 100%);
  background: -webkit-linear-gradient(left, #000000 0%,#000000 10%,#032849 50%,#1b5baa 50%,#03030c 50%,#1e5799 50%,#1e5799 50%,#207cca 50%,#0c1142 50%,#032849 50%,#000000 90%,#000000 100%);
  background: linear-gradient(to right, #000000 0%,#000000 10%,#032849 50%,#1b5baa 50%,#03030c 50%,#1e5799 50%,#1e5799 50%,#207cca 50%,#0c1142 50%,#032849 50%,#000000 90%,#000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03030c', endColorstr='#03030c',GradientType=1 );
  color: white;
  font-family: "Roboto Light", sans-serif; }

.container {
  padding: 32px 40px; }

.button{
  text-align: center; }
.button .btn {
  padding: 0;
  margin: 3rem 9rem;
  border: none;
  border-radius: 0;
  font-size: 1.3333rem;
  font-weight: bold;
  text-decoration: none !important; }
.button .btn img{
  max-width: 100%; }

img {
  width: auto;
  height: auto;
  max-width: 100%; }

h1, h2 {
  margin-top: 64px;
  margin-bottom: 32px;
  font-weight: bold; }

h1 {
  font-size: 2.5rem;
  text-transform: uppercase; }

h2 {
  font-size: 3rem;
  font-weight: 100;
  text-transform: uppercase; }

h3 {
  font-size: 1.3333rem;
  font-weight: lighter;
  margin-bottom: 1.5rem;
  line-height: 2rem; }

#site-header #headline {
  overflow: hidden; }
  #site-header #headline .container {
    padding: 0; }
#site-header .title {
  position: relative;
  padding: 55.5% 0 0;
  text-align: center; }
  #site-header .title .logo {
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    z-index: 2; }
  #site-header .title .background {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../header.png) no-repeat;
    background-size: cover;
    z-index: 1; }

.bd {
  border-width: 0 !important;
  text-align: center; }
 .bd .container {
  display: flex;
  padding-top: 0;
  padding-bottom: 0;}
  .bd .container img{
    width: 100%; }

section.video .ribbon {
  overflow: hidden;
  margin-top: -32px;
  padding: 0;
  position: relative;
  background: none;
  z-index: 3; }
  section.video .ribbon .container {
    display: flex;
    padding-top: 0;
    padding-bottom: 0;

    flex-wrap: wrap;
    align-items: center; }
    section.video .ribbon .container .infobox {
      flex: auto;
      justify-self: left; }
      section.video .ribbon .container .infobox img {
        width: 100%;
         }

section .section-header {
  margin: 24px 0;
  text-align: center; }

section.video {
  margin-top: 0; }
  section.video .container {
    padding: 0; }
    section.video .container .video-wrap {
      position: relative;
      padding-top: 56.25%;
      height: 0; }
      section.video .container .video-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2; }
      section.video .container .video-wrap .video-link {
        position: absolute;
        right: 0.4em;
        bottom: 0;
        color: white;
        z-index: 10;
        opacity: 0.5;
        transition: 0.3s opacity; }
        section.video .container .video-wrap .video-link:hover {
          opacity: 1;
          text-decoration: none; }
      section.video .container .video-wrap:after {
        content: '\F577';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        color: white;
        font-family: 'Material Design Icons';
        font-size: 3rem;
        opacity: 0.5;
        transform: translate(-50%, -50%);
        z-index: 1; }

section.video .box {
  background: rgba(12, 11, 19, 0.7);
  padding-top: 1rem;
  padding-bottom: 0.1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
}

section.video .box2 {
  background: rgba(19, 18, 32, 0.7);
  padding-top: 1rem;
  padding-bottom: 0.1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
}

section.video .box i {
  padding: 0;
  color: #343643;
  font-family: "Playfair Display", sans-serif;
  font-style: italic; }

section.video .box2 i {
  padding: 0;
  color: #343643;
  font-family: "Playfair Display", sans-serif;
  font-style: italic; }

section.about .container {
  padding: 0; }
  section.about .container .text{
    background: rgba(0, 0, 0, 0.8);
    padding: 1rem 1.5rem;
    text-align: center; }
    section.about .container .text i{
      color: #707070;
      font-family: "Playfair Display", sans-serif;
      font-style: italic; }

.reviews .review {
  margin-bottom: 1rem; }
  .reviews .review p {
    font-size: 2.5rem;
    font-weight: 100; }
  .reviews .review blockquote {
    margin-bottom: 0;
    font-size: 0.8rem; }
  .reviews .review cite {
    display: block;
    font-size: 0.6rem;
    font-style: italic;
    text-align: center;
    font-weight: lighter; }
    .reviews .review cite img {
      display: inline-block;
      width: 1.2em;
      height: 1.2em;
      vertical-align: text-top; }
    .reviews .review cite a {
      color: white; }

.reviews_right .review_right {
  margin-bottom: 1rem; }
  .reviews_right .review_right p {
    font-size: 2.5rem;
    font-weight: 100; }
  .reviews_right .review_right blockquote {
    margin-bottom: 0;
    font-size: 0.8rem; }
  .reviews_right .review_right cite {
    display: block;
    font-size: 0.6rem;
    font-style: italic;
    text-align: center;
    font-weight: lighter; }
    .reviews_right .review_right cite img {
      display: inline-block;
      width: 1.2em;
      height: 1.2em;
      vertical-align: text-top; }
    .reviews_right .review_right cite a {
      color: white; }

footer {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em; }
  footer a {
    display: inline-block;
    margin: 0 0.2em;
    color: white;
    font-size: 2rem;
    opacity: 0.5;
    transition: 0.3s opacity; }
    footer a:hover {
      color: white;
      opacity: 1; }

/*# sourceMappingURL=styles.css.map */

.video-link {
  cursor: pointer;
}
.video-link img {
  width: 100%;
  height: auto;
}

#lightbox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 20;
  background: rgba(0, 0, 0, 0.5);
}

#lightbox-content {
  position: absolute;
  top: 32px;
  left: 32px;
  right: 32px;
  bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#lightbox-content iframe {
  width: 100%;
  height: 100%;
}

#lightbox-close {
  position: absolute;
  top: 10px;
  right: 10px;
}