@charset "utf-8";
/* CSS Document */
/* NEW CSS */
html, body {
  height: 100%;
  background-color: black;
  background: url("img/web-banner-1.png") no-repeat center fixed;
  background-size: cover;
}
body {
  /* background-color: black !important;
  background-image: url("img/pj-bg.jpg");
  background-position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;*/
  margin: 0;
  /*height: 100%;*/
  font-family: raleway, sans-serif !important;
  color: white !important;
  background-color: #000;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
/*#content {
  flex: 1 0 auto;
}*/
.logo {
  text-align: center !important;
  /*width: 65%;
  height: 250px;
  margin: auto;
  position: absolute;*/
  /*top: 0;
  left: 0;
  right: 0;
  bottom: 0;*/
  user-select: none;
}
.logo b {
  font-family: raleway, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.6em;
  /*font-size: 7.5vw!important;*/
  letter-spacing: 0.2em;
  color: #fee;
  text-shadow: 0 -40px 100px, 0 0 2px, 0 0 1em #9c00ff, 0 0 0.5em #9c00ff, 0 0 0.1em #9c00ff, 0 10px 3px #000;
}
@media only screen and (max-width: 767px) {
  .logo b {
    font-size: 16vw !important;
    float: center !important;
    /*font-size: 3em;*/
  }
}
.logo b span {
  animation: blink linear infinite 2s;
}
.logo b span:nth-of-type(2) {
  animation: blink linear infinite 3s;
}
.logo b span:nth-of-type(3) {
  animation: blink linear infinite 4s;
}
.logo b span:nth-of-type(4) {
  animation: blink linear infinite 6s;
}
@keyframes blink {
  78% {
    color: inherit;
    text-shadow: inherit;
  }
  79% {
    color: #333;
  }
  80% {
    text-shadow: none;
  }
  81% {
    color: inherit;
    text-shadow: inherit;
  }
  82% {
    color: #333;
    text-shadow: none;
  }
  83% {
    color: inherit;
    text-shadow: inherit;
  }
  92% {
    color: #333;
    text-shadow: none;
  }
  92.5% {
    color: inherit;
    text-shadow: inherit;
  }
}
/* OLD CSS */
/*html, body {
  height: 100%!important;
}
body {*/
/*background-color: black!important;*/
/* background-image: url("img/site-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
	background-position: center;
}
.bg-black {
  background-color: black;
}
p {
  font-family: raleway, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.2em;
}
.copper {
  height: 1px;
  background: rgb(89, 64, 41);
  background: linear-gradient(90deg, rgba(89, 64, 41, 1) 0%, rgba(171, 135, 101, 1) 24%, rgba(185, 113, 46, 1) 48%, rgba(255, 192, 134, 1) 73%, rgba(99, 68, 38, 1) 100%);
}
.bg-dark-grey {
  background-color: #1A1A1A;
}
.h2 {
  color: white !important;
}
.section-grey {
  min-height: 35em;
  background-color: #1B1B1B;
  margin-top: 1.5em;
}
*/
h2 {
  text-transform: uppercase;
  font-size: 2.7em !important;
}
p {
  font-size: 1.2em;
}
.date-promo {
  text-transform: uppercase;
  font-size: 1.5em;
}
.section-grey {
  /*background-color: #121212!important;*/
  background-color: #212529 !important;
  z-index: 1;
  /*box-shadow: 0 0px 100px #000, 0 0 2px, 0 0 2em #9c00ff, 0 0 1.5em #9c00ff, 0 0 0.1em #9c00ff, 0 0 3px #000;*/
}
.text-bio {
  font-size: 1.1em;
}
.section-black {
  background-color: black !important;
}
.section-black a {
  color: white !important;
  text-decoration: none !important;
}
.img-rounded {
  border-radius: 1.1em !important;
}
.btn-xl {
  padding-y: 1.5rem !important;
  padding-x: 2rem !important;
  font-size: 1.6rem !important;
  border-radius: 0.5rem !important;
}
.btn-follow {
  text-align: left !important;
  padding-y: 1.5rem !important;
  padding-x: 2rem !important;
  font-size: 1.6rem !important;
  border-radius: 0.5rem !important;
  padding-left: 1em !important;
}
.btn-follow i {
  width: 1.5em;
}
.btn-link {
  color: white !important;
  text-decoration: none !important;
}
.side-box {
  padding-left: 3em !important;
}
.follow-h2 {
  font-size: 2em !important;
}
.page-center {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
}
.h1-404 {
  font-size: 3.5vw !important;
}
.wrapper {
  flex: 1;
}
#footer {
  margin-top: auto;
  position: fixed;
  bottom: 0;
  width: 100%;
  /*position: absolute;
  bottom: 0;
  width: 100%;*/
}
#nav {
  /*font-size: 1.3em;*/
  margin-left: 2em;
  margin-right: 2em;
  margin-top: 1em;
}
.nav-center {
  text-align: center !important;
}
.nav-right {
  text-align: right !important;
}
h1 {
  font-size: 3em !important;
  text-transform: uppercase;
}
.pj-logo {
  text-transform: uppercase;
  font-family: raleway, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2em !important;
  letter-spacing: 0.2em;
  color: #fee;
  text-shadow: 0 -40px 100px, 0 0 2px, 0 0 1em #9c00ff, 0 0 0.5em #9c00ff, 0 0 0.1em #9c00ff, 0 10px 3px #000;
}
@media only screen and (max-width: 575px) {
  .pj-logo {
    font-size: 5.6vw !important;
  }
}
@media only screen and (min-width: 992px) {
  .border-menu-container {
    padding-right: 2em !important;
  }
  .border-menu {
    border-right: 0.2em solid white;
  }
}
@media only screen and (max-width: 991px) {
  .border-menu-container {
    padding-bottom: 2em !important;
  }
  .border-menu {
    border-bottom: 0.2em solid white;
  }
}
.all-caps {
  text-transform: uppercase;
}
.quote {
  border-left: 0.3em solid white;
  padding-left: 1em;
}
.quotation-marks {
  font-size: 6em;
}
.m1-md-auto {
  margin-left: auto !important;
}
.navbar-brand.abs {
  position: absolute;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.ml-auto, .mx-auto {
  margin-left: auto !important;
}
.text-left {
  text-align: left !important;
}
.full-width {
  min-width: 100% !important;
}
.promo-h2 {
	font-size: 2.5em!important;
}

.promo-h2-fr {
	font-size: 2.3em!important;
}

 .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}