@charset "UTF-8";
/* CSS Document */


.bg-dark {
  background-color: #000000 !important;
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}      
.close:focus,
.close:active,
.close:focus {
    outline: none;
    box-shadow: none;
}      

@media (max-width: 576px) {
  .responsive_text {
    font-size: 8vw;
  }

  .pvt-resp,
  .pvy-resp {
    padding-top: 100% !important;
  }
}    

@media (min-width: 576px) {
  .responsive_text {
    font-size: 4vw;
  }
}
         
@media (min-width: 768px) {
  .responsive_text {
    font-size: 1.5vw;
  }
  .bg-test {
    background:#fff;
  }
}

@media (min-width: 992px) {
  .responsive_text {
    font-size: 1vw;
  }
}

@media (min-width: 1200px) {
  .responsive_text {
    font-size: 1vw;
  }
}

.modal-roor {
  max-width:90%
}

.bg-modal {
  background-color: #111111 !important;
}

.bg-modal-foundation {
  background-color: #da4441 !important;
}

.bg-modal-collective {
  background-color: #878787 !important;
}

.bg-modal-irl {
  background-color: #707070 !important;
}

.bg-modal-digital {
  background-color: #474747 !important;
}

.bg-modal-season {
  background-color: #878787 !important;
}

.bg-modal-dream {
  background-color: #878787 !important;
}

.modal-content {
  padding: 5vh;
}


h1, h2, h3, h4, h5, h6 {
  font-family: 'Bayon', sans-serif;
}


html {
  font-family: 'Abel', sans-serif;
}


body {
  font-family: 'Abel', sans-serif;
}

.video-wrapper {
  /* Telling our absolute positioned video to 
  be relative to this element */
  position: relative;

  width: 400px;
  height: 200px;

  /* Will not allow the video to overflow the 
  container */
  overflow: hidden;

  /* Centering the container's content vertically 
  and horizontally */
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* https://alvarotrigo.com/blog/background-video-css/ */
.video-wrapper {
  border: 2px solid #000;
  width: 300px;
  height: 300px;
  position: relative;
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-wrapper video {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;

}

.pvt-resp,
.pvy-resp {
  padding-top: 175%;
}

.pvt-175,
.pvy-175 {
  padding-top: 175% !important;
}

.pvt-100,
.pvy-100 {
  padding-top: 100% !important;
}

.heading-height{
  height: 25px;
}