/*POOF - CURRENTLY HIDING*/
.center{
  visibility: hidden;
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top:  0;
  width: 100%;
}
.center-container{
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
.center-1{
  background-color: red;
  height: 100vh;
  position: relative;
  width: 5px;
}
.center-2{
  transform: rotate(90deg);
  background-color: red;
  height: 860px;
  width: 5px;
}
/*---TEMPORARY---*/
.poster-pop-up-wrapper{
  align-items: center;
  background-color: #000;
  background: radial-gradient(circle, rgba(0,0,0,1) 50%, rgba(128,0,0,1) 110%);
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 10000000000;
  animation: poster-pop-up-wrapper-ani .3s 3s forwards;
}
@keyframes poster-pop-up-wrapper-ani{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
.poster-pop-up{
  align-items: center;
  display: flex;
  height: 90%;
  justify-content: center;
  margin: 0 15px;
  max-height: 90%;
  max-width: 90%;
  opacity: 0;
  transform: scale(.8);
  width: calc(90% - 40px);
  animation: poster-pop-up-wrapper-ani-2 1s 3.5s forwards;
}
@keyframes poster-pop-up-wrapper-ani-2{
  0%{
    opacity: 0;
    transform: scale(.8);
  }
  100%{
    opacity: 1;
    transform: scale(1);
  }
}
.poster-pop-up-wrapper-close{
  animation: poster-pop-up-wrapper-ani-3 .3s forwards;
}
@keyframes poster-pop-up-wrapper-ani-3{
  0%{
    opacity: 1;
    transform: scale(1);
  }
  90%{
    opacity: 0;
    transform: scale(1);
  }
  100%{
    opacity: 0;
    transform: scale(0);
  }
}
.poster-pop-up-x{
  align-items: center;
  border: 1px solid #fff;
  bottom: 20px;
  color: #fff;
  font-family: 'brandon-grotesque-black';
  font-size: 12px;
  display: flex;
  height: 40px;
  justify-content: center;
  left: 0;
  margin: 0 auto;
  right: 0;
  padding: 5px 10px 0 10px;
  position: absolute;
  transition: .2s;
  width: 100px;
}
.poster-pop-up-x:hover{
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  cursor: pointer;
  transition: .2s;
}
.poster-pop-up-image{
  height: 100%;
  position: relative;
  width: fit-content;
}
.poster-pop-up-image img{
  border: .5px solid #fff;
  box-shadow: 0 0 5px 10px #000;
  display: block;
}
/*---BEGIN---*/
*{
  box-sizing: border-box;
	margin: 0;
	padding: 0;
}
@font-face{
  font-family: 'bambola';
  src: url('../fonts/bambola.woff') format('woff'),
       url('../fonts/bambola.ttf') format('truetype');
}
@font-face{
  font-family: 'brandon-grotesque-black';
  src: url('../fonts/brandon-grotesque-black.ttf');
}
@font-face{
  font-family: 'futura-pt-light';
  src: url('../fonts/futura-pt-Light.otf');
}
@font-face{
  font-family: 'merriweather-regular';
  src: url('../fonts/merriweather-regular.ttf');
}
@font-face{
  font-family: 'roboto-condensed';
  src: url('../fonts/roboto-condensed.ttf');
}
@font-face{
  font-family: 'rokkitt-bold';
  src: url('../fonts/rokkitt-bold.ttf');
}
@font-face{
  font-family: 'rokkitt-regular';
  src: url('../fonts/rokkitt-regular.ttf');
}
picture{
  display: flex;
  height: 100%;
  width: 100%;
}
/*.media-squares .slick-cloned {
   -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.media-squares .slick-slide > div {
  transform: scale(.7);
  transition: transform .5s cubic-bezier(.4,0,.2,1);
}
.media-squares .slick-center > div {
  transform: scale(1);
}
.media-squares .slider__item > img {
  width: 100%;
  height: auto;
}*/
.media-slide-overlay-logo-slides.slick-initialized.slick-slider .slick-list,
.media-slide-overlay-logo-slides.slick-initialized.slick-slider .slick-track{
  height: 100%;
}
.jumbotron .slick-dots{
  display: flex !important;
  bottom: 30px;
  position: absolute;
  right: 30px;
}
.bio .slick-dots{
  display: flex;
  justify-content: space-between;
  margin: 20px auto 0 auto;
  width: 400px;
}
.bio .slick-dots li,
.jumbotron .slick-dots li{
  list-style: none;
}
.jumbotron .slick-dots .slick-active{
  margin: 0 !important;
}
.jumbotron .slick-dots .slick-active button,
.jumbotron .slick-dots li{
  filter: drop-shadow(-1px 1px #800000) drop-shadow(-2px 2px #000);
  margin: 0 20px;
}
.bio .slick-dots li button:hover,
.jumbotron .slick-dots li button:hover{
  cursor: pointer;
}
.bio .slick-dots li button,
.jumbotron .slick-dots li button{ 
   background-color: #000;
   border-color: #f5f5f5;
   border-radius: 50%;
   border-width: 2px;
   font-size: 0; 
   height: 15px;
   list-style: none;
   width: 15px;
}
.jumbotron .slick-dots li button{
  height: 20px;
  width: 20px;
}

.bio .slick-dots .slick-active,
.jumbotron .slick-dots .slick-active{
    filter: drop-shadow(-1px 1px 2px #000);
    border-radius: 50%;
}
.bio .slick-dots .slick-active button,
.jumbotron .slick-dots .slick-active button{
    background-color: #800000;
}
.fancybox__container{
  z-index: 10000000000 !important;
}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after{
  border-color: #800000 !important;
}
.video-captions{
  height: 0;
  width: 0;
}
.body-wrapper{
  perspective: 1px;
  transform-style: preserve-3d;
  /*height: 100vh;*/
  overflow-x: hidden;
  overflow-y: scroll;
}
.para{
  background-position: center;
  background-size: cover;
  display: flex;
  flex: 10 auto;
  position: relative;
  z-index: -1;
  height: 100vh;
  width: 100vw;
  justify-content: center;
  align-items: center;
  /*transform: translateZ(-1px) scale(2);*/
}
/**********
  WAYPOINTS
**********/
  #u2{
    left: 0;
    position: absolute;
    top: -120px;
  }
  #u2-mentorship{
    left: 0;
    position: absolute;
    top: -110px;
  }
  /*.header-desktop-toggle{
    background-color: green;
  }*/
  .header-links-wrapper-toggle-1{
    animation-name: header-links-wrapper-toggle-1 !important;
    animation-duration: .3s;
    animation-fill-mode: forwards;
  }
  @keyframes header-links-wrapper-toggle-1{
    0%{
      background-color: gray;
      transform: translateY(0%);
      width: 620px;
    }
    50%{
      width: 620px;
    }
    70%{
      background-color: transparent;
      transform: translateY(-120%);
    }
    100%{
      background-color: transparent;
      transform: translateY(0%);
    }
  }
  .header-links-wrapper-toggle-2{
    animation-name: header-links-wrapper-toggle-2 !important;
    animation-duration: .3s;
    animation-fill-mode: forwards;
  }
  @keyframes header-links-wrapper-toggle-2{
    0%{
      background-color: transparent;
      transform: translateY(0%);
    }
    50%{
      background-color: transparent;
      transform: translateY(-120%);
    }
    70%{
      width: 620px;
    }
    100%{
      background-color: gray;
      transform: translateY(0%);
      width: 620px;
    }
  }

/**********
  DISPLAY NONE
**********/
  .header-links-wrapper-mobile,
  .header-menu-burger-wrapper,
  .fancybox__counter{
    display: none;
  }
/**********
  HEADER
**********/
  .header-desktop{
    background-image: linear-gradient(to bottom, #000, transparent);
    height: 54px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
  }
  .header-desktop-toggle-1{
    animation-name: header-desktop-toggle-1 !important;
    animation-duration: .1s;
    animation-fill-mode: forwards;
  }
  @keyframes header-desktop-toggle-1{
    0%{
      background-color: rgba(0,0,0,1);
    }
    50%{
      background-color: rgba(0,0,0,0);
    }
    100%{
      background-color: rgba(0,0,0,0);
    }
  }
  .header-desktop-toggle-2{
    animation-name: header-desktop-toggle-2 !important;
    animation-duration: .1s;
    animation-fill-mode: forwards;
  }
  @keyframes header-desktop-toggle-2{
    0%{
      background-color: rgba(0,0,0,0);
    }
    100%{
      background-color: rgba(0,0,0,1);
    }
  }
  .header-wrapper{
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 5px 20px;
    position: relative;
    max-width: 1500px;
    width: 100%;
  }
  .header-logo{
    color: #fff;
    filter: drop-shadow(-1px 1px #800000) drop-shadow(-2px 2px #000);
    font-family: 'brandon-grotesque-black', sans-serif;
    text-shadow: 1px 1px #000,
                 1px -1px #000,
                 -1px 1px #000,
                 -1px -1px #000;
    transition: .3s;
    width: 200px;
    animation-name: header-logo-toggle-1;
    animation-delay: 0s;
    animation-duration: .45s;
    animation-fill-mode: forwards;
  }
  .header-logo-text{
    filter: drop-shadow(-2px 2px #000);
    left: 20px;
    position: absolute;
    top: 5px;
  }
  .header-logo-toggle-1{
    animation-name: header-logo-toggle-1 !important;
    animation-duration: .43s;
    animation-fill-mode: forwards;
  }
  @keyframes header-logo-toggle-1{
    0%{
      transform: translateY(-120%);
    }
    100%{
      transform: translateY(0%);
    }
  }
  .header-logo-toggle-2{
    animation-name: header-logo-toggle-2 !important;
    animation-duration: .45s;
    animation-fill-mode: forwards;
  }
  @keyframes header-logo-toggle-2{
    0%{
      transform: translateY(0%);
    }
    100%{
      transform: translateY(-120%);
    }
  }
  .header-logo-toggle-3{
    animation-name: header-logo-toggle-3 !important;
    animation-duration: .43s;
    animation-fill-mode: forwards;
  }
  @keyframes header-logo-toggle-3{
    0%{
      transform: translateY(-120%);
    }
    100%{
      transform: translateY(0%);
    }
  }
  .header-logo-jumbo img{
    display: block;
    filter: drop-shadow(-8px 1px #800000);
    width: 100%;
  }
  .header-logo-text img{
    display: block;
    filter: drop-shadow(-1px 1px #000);
    width: 100%;
  }
  .header-socials{
    align-items: center;
    display: flex;
    font-size: 22px;
    height: 36px;
    justify-content: flex-end;
    margin: 0;
    width: 100%;
    animation-name: header-socials-toggle-1;
    animation-fill-mode: forwards;
  }
  .header-socials-toggle-1{
    animation-name: header-socials-toggle-1 !important;
    animation-duration: .3s;
    animation-fill-mode: forwards;
  }
  @keyframes header-socials-toggle-1{
    0%{
      margin: 0 20px 0 0;
      width: auto;
    }
    20%{
      margin: 0 20px 0 0;
      width: auto;
    }
    21%{
      margin: 0 20px 0 0;
      width: auto;
    }
    100%{
      width: 100%;
    }
  }
  .header-socials-toggle-2{
    animation-name: header-socials-toggle-2 !important;
    animation-duration: .3s;
    animation-fill-mode: forwards;
  }
  @keyframes header-socials-toggle-2{
    0%{
      margin: 0;
      width: 100%;
    }
    50%{
      margin: 0 20px 0 0;
      width: auto;
    }
    100%{
      margin: 0 20px 0 0;
      width: auto;
    }
  }
  .header-socials a{
    align-items: center;
    color: #f5f5f5;
    display: flex;
    filter: drop-shadow(-1px 1px #800000) drop-shadow(-2px 2px #000);
    justify-content: center;
    margin-left: 10px;
    text-decoration: none;
    transition: all 500ms ease;
    width: 30px;
  }
  .header-socials a:hover{
    font-size: 26px;
    transition: all 500ms ease;
  }
  .header-socials:hover > :not(:hover){
    opacity: .3;
  }
  .header-links-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 310px;
    animation-name: header-links-wrapper-toggle-1;
    animation-delay: 0s;
    animation-duration: .3s;
    animation-fill-mode: forwards;
  }
  .header-links-wrapper-toggle-1{
    animation-name: header-links-wrapper-toggle-1 !important;
    animation-duration: .3s;
    animation-fill-mode: forwards;
  }
  @keyframes header-links-wrapper-toggle-1{
    0%{
      transform: translateY(0%);
      width: 620px;
    }
    50%{
      width: 620px;
    }
    70%{
      background-color: transparent;
      transform: translateY(-120%);
    }
    100%{
      background-color: transparent;
      transform: translateY(0%);
    }
  }
  .header-links-wrapper-toggle-2{
    animation-name: header-links-wrapper-toggle-2 !important;
    animation-duration: .3s;
    animation-fill-mode: forwards;
  }
  @keyframes header-links-wrapper-toggle-2{
    0%{
      background-color: transparent;
      transform: translateY(0%);
    }
    50%{
      background-color: transparent;
      transform: translateY(-120%);
    }
    70%{
      width: 620px;
    }
    100%{
      margin-top: 6px;
      transform: translateY(0%);
      width: 620px;
    }
  }
  .header-links{
    align-items: center;
    display: flex;
    height: 36px;
    justify-content: center;
  }
  .header-links a{
    color: #f5f5f5;
    filter: drop-shadow(-1px 1px #800000) drop-shadow(-2px 2px #000);
    font-family: 'roboto-condensed', sans-serif;
    font-size: 18px;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all 500ms ease;
    width: auto;
  }
  .header-links a:hover{
    font-size: 18px;
    transition: all 500ms ease;
  }
  .header-links:hover > :not(:hover){
    opacity: .3;
  }
  .header-links a::after{
    background-color: #800000;
    bottom: 15px;
    height: 2px;
    left: 0;
    content:"";
    margin: 0 auto;
    padding: 0 2px;
    position: absolute;
    right: 0;
    transition: all 500ms ease;
    width: 85%;
    z-index: -1;
  }
  .header-links a:hover::after{
    bottom: 0px;
    height: 100%;
    transition: all 500ms ease;
  }
/**********
  JUMBOTRON
**********/
  .jumbotron-slide{
    background-position: center;
    background-size: cover;
    height: 100vh !important;
    position: relative;
    width: 100%;
  }
  .jumbotron video{
    background-color: #000;
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
  .jumbotron-slide-overlay{
    align-items: flex-end;
    background-image: linear-gradient(to bottom, rgba(0,0,0,.7) 0%, transparent 50%, rgba(0,0,0,.8) 120%);
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  .jumbotron-slide-content{
    color: #fff;
    font-family: 'brandon-grotesque-black', sans-serif;
    line-height: 1.3;
    margin: 0 auto;
    max-width: 1500px;
    padding: 30px 50px;
    text-decoration: none;
  }
  .jumbotron-slide-content a{
    color: #fff;
    text-decoration: none;
  }
  .jumbotron-slide-content h2{
    filter: drop-shadow(-1px 1px #800000) drop-shadow(-2px 2px #000);
    font-size: 36px;
    text-shadow: 1px 1px #000,
                 1px -1px #000,
                 -1px 1px #000,
                 -1px -1px #000;
    width: 60%;
  }
  .jumbotron-slide-buttons{
    display: flex;
  }
  .jumbotron-slide-button{
    background-color: rgba(128,0,0,1);
    border: 1px solid #fff;
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: center;
    margin-right: 20px;
    width: 150px;
  }
  .jumbotron-slide-button:hover{
    cursor: pointer;
  }
  .jumbotron-slide-button i{
    align-items: center;
    color: #f5f5f5;
    display: flex;
    font-size: 22px;
    justify-content: center;
    filter: drop-shadow(-2px 2px #000);
    transition: .2s;
  }
  .jumbotron-slide-button:hover > i,
  .jumbotron-slide-button:hover > span{
    transform: scale(1.5);
    transition: .2s;
  }
  .jumbotron-slide-button span{
    filter: drop-shadow(-2px 2px #000);
    padding-top: 6px;
    transition: .2s;
  }
/**********
  BIO
**********/
  .bio{
    background-image: linear-gradient(to bottom right, #8b4c27, #401F0B);
    box-shadow: 0px -10px 6px #000, 0px 10px 6px #000;
    position: relative;
  }
  .bio-container{
    margin: 0 auto;
    padding: 50px;
    max-width: 1500px;
  }
  .bio-text-bio p{
    color: #f5f5f5;
    filter: drop-shadow(-2px 2px #000);
    font-family: 'roboto-condensed', sans-serif;
    font-size: 22px;
    text-shadow: 
                
                 -1px 1px #000;
  }
  .bio-text-bio span{
    align-items: center;
    color: #fff;
    display: flex;
    float: left;
    font-family: 'brandon-grotesque-black', sans-serif;
    font-size: 64px;
    padding-right: 30px;
    height: 80px;
    filter: drop-shadow(-1px 1px #800000) drop-shadow(-2px 2px #000);
    margin-bottom: -10px;
    text-shadow: 1px 1px #000,
                 1px -1px #000,
                 -1px 1px #000,
                 -1px -1px #000;
  }
  .bio-text-image{
    float: right;
    margin: -20px 0 0 -40px;
    width: 380px;
  }
  .bio-text-image img{
    display: block;
    width: 100%;
  }
  .bio-text-pdfs{
    display: flex;
  }
  .bio-text-option{
    background-color: rgba(128,0,0,1);
    border: 1px solid #fff;
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: center;
    margin: 40px 20px 0 0;
    padding: 0 20px;
    width: auto;
  }
  .bio-text-option:hover{
    cursor: pointer;
  }
  .bio-text-option:hover > a{
    transform: scale(1.1);
    transition: .2s;
  }
  .bio-text-option a{
    color: #fff;
    font-family: 'brandon-grotesque-black', sans-serif;
    padding-top: 6px;
    text-decoration: none;
    transition: .2s;
  }
  .bio-text-bottom{
    width: 780px;
  }
  .bio-text-bottom-as-seen{
    margin-top: 40px;
  }
  .bio-text-bottom-logos-endorsements h3{
    color: #fff;
    filter: drop-shadow(-1px 1px 2px #000);
    font-family: 'rokkitt-bold', serif;
    font-size: 20px;
    position: relative;
    text-shadow: 1px 1px #000,
                 1px -1px #000,
                 -1px 1px #000,
                 -1px -1px #000;
  }
  .bio-text-bottom-logos-endorsements h3::after{
    content: "";
    background-color: #800000; 
    filter: drop-shadow(-2px 2px 2px #000);
    height: 1px;
    left: 0;
    position: absolute;
    top: 26px;
    width: 100%;
  }
  .bio-text-as-seen,
  .bio-text-endorsements,
  .bio-text-socials,
  .bio-text-testimonials{
    align-items: center;
    display: flex;
    margin-top: 10px;
    width: 600px;
  }
  .bio-text-testimonials{
    margin-top: 12px;
    width: 100%;
  }
  .bio-text-socials{
    margin-top: 18px;
    transition: .2s;
    width: 232px;
  }
  .bio-text-socials img{
    filter: drop-shadow(1px 1px #000);
    -webkit-filter: drop-shadow(1px 1px #000);
    height: 22px;
  }
  .bio-text-as-seen:hover > :not(:hover),
  .bio-text-endorsements:hover > :not(:hover),
  .bio-text-socials:hover > :not(:hover){
    opacity: .2;
    transform: scale(.8);
    transition: .2s;
  }
  .bio-text-as-seen{
    margin-top: 16px;
  }
  .testimonial{
    height: auto !important;
    
  }
  .testimonial-text{
    color: #f5f5f5;
    font-family: 'roboto-condensed', sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
    text-shadow: 
                
                 -1px 1px #000;
  }
  .testimonial-name{
    color: #f5f5f5;
    font-family: 'rokkitt-bold', sans-serif;
    font-size: 18px;
    text-shadow: 
                
                 -1px 1px #000;
    text-transform: uppercase;
  }
  .bio-text-logo{
    align-items: flex-end;
    display: flex;
    margin-right: 15px;
    transition: .2s;
  }
  .bio-text-logo:hover{
    transform: scale(1.2);
    transition: .2s;
  }
  .bio-text-logo img{
    height: 100%;
    display: block;
    max-height: 40px;
    object-fit: contain;
    width: 100%;
  }
  .lakland-endorsement img{
    max-height: 25px;
  }
  .mono-endorsement img{
    height: 100%;
    display: block;
    margin-top: 7px;
    max-height: 20px;
    object-fit: contain;
    width: 100%;
  }
  .bio-social-icon{
    align-items: flex-end;
    color: #fff;
    display: flex;
    justify-content: center;
    margin-right: 15px;
    text-decoration: none;
    transition: .1s;
  }
  .bio-social-icon:hover{
    filter: drop-shadow(0px 0px 1px rgba(0,0,0,0));
    text-shadow: -1px 1px rgba(0,0,0,0);
    transform: scale(1.2);
    transition: .1s;
  }
/**********
  MEDIA
**********/
  .media{
    position: relative;
  }
  .media-slides{
    height: 100vh;
    width: 100%;
  }
  .media-slide{
    background-blend-mode: darken;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh !important;
    position: relative;
    width: 100vw;
  }
  #media-slide-empire{
    background-image: url('../media/empire/empire-promo.jpg');
  }
  .media-slide-bkg-overlay{
    background-color: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .media-slide video{
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
  .media-slide-overlay{
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: 0 auto;
    max-width: 1500px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  .media-slide-wrapper{
    position: relative;
    width: 80%;
  }
  .media-slide-overlay-container{
    background-color: rgba(0,0,0,.5);
    display: flex;
    border: 2px solid #fff;
    height: 500px;
    justify-content: flex-end;
    position: relative;
    width: 100%;
    z-index: 6;
  }
  .media-overlay-back-turned{
    left: -32px;
    position: absolute;
    bottom: 0;
    width: 650px;
    z-index: -1;
  }
  .media-overlay-back-turned img{
    display: block;
    width: 100%;
  }
  .media-slide-overlay-logo-slides{
    height: 100%;
    width: 48%;
  }
  .media-slide-overlay-logo-slide{
    align-items: flex-end;
    display: flex !important;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    width: 100%;
  }
  .media-slide-overlay-text{
    color: #fff;
    font-family: 'brandon-grotesque-black', sans-serif;
    font-size: 32px;
    height: auto;
    line-height: 1.3;
    padding: 20px 20px 10px 20px;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
  }
  .media-slide-overlay-text p{
    filter: drop-shadow(-1px 1px #800000) drop-shadow(-2px 2px #000);
  }
  .media-slide-actions{
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-right: 20px;
  }
  #media-slide-actions-empire{
    margin-right: 0;
  }
  .media-slide-icons{
    display: flex;
    filter: drop-shadow(-2px 2px 1px #800000);
    font-size: 21px;
    justify-content: space-between;
    margin-right: 20px;
  }
  .media-slide-icons a{
    color: #f5f5f5;
    margin-left: 20px;
    transition: .2s;
  }
  .media-slide-icons a:hover{
    transform: scale(1.5);
    transition: .2s;
  }
  .media-slide-overlay-action{
    background-color: rgba(128,0,0,1);
    border: 1px solid #fff;
    align-items: center;
    color: #f5f5f5;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 100px;
    z-index: -1;
  }
  .media-slide-overlay-action:hover{
    cursor: pointer;
  }
  .media-slide-overlay-action i{
    filter: drop-shadow(-2px 2px #000);
    transition: .2s;
  }
  .media-slide-overlay-action:hover > i{
    transform: scale(1.5);
    transition: .2s;
  }
  .fancybox__thumb{
    background-color: #000 !important;
    background-size: 60% !important;
  }
  .media-squares{
    height: 110px;
    position: relative;
    width: 100%;
  }
  .media-square{
    align-items: center;
    background-size: cover;
    background-color: #800000;
    background-blend-mode: multiply;
    background-image: url('../media/promo/red-14.jpg');
    background-position: center;
    background-repeat: no-repeat;
    border: 2px solid #fff;
    border-radius: 20px;
    box-shadow: 0 0 5px #000;
    box-sizing: border-box;
    display: flex !important;
    height: 100px !important;
    justify-content: center;
    margin: 8px 5px;
    padding: 10px;
    position: relative;
    width: 200px !important;
  }
  .media-square:hover{
    cursor: pointer;
  }
  .media-square img{
    margin: 0 auto;
    max-height: 100%;
    display: block;
    object-fit: contain;
    max-width: 100%;
  }
  .media-squares-arrow{
    align-items: center;
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    color: #800000;
    background-color: #000;
    display: flex;
    font-size: 32px;
    height: 100px;
    justify-content: center;
    position: absolute;
    bottom: 2px;
    transition: .2s;
    width: 50px;
  }
  .media-squares-arrow i{
    transition: .2s;
  }
  .media-squares-arrow:hover{
    cursor: pointer;
  }
  .media-squares-arrow:hover > i{
    transform: scale(1.5);
    transition: .2s;
  }
  .media-squares-left-arrow{
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    filter: drop-shadow(5px 0px 1px #000) drop-shadow(10px 0px 4px #000)drop-shadow(40px 0px 8px #000);
    left: 0;
    transition: .2s;
  }
  .media-squares-right-arrow{
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    filter: drop-shadow(-5px 0px 1px #000) drop-shadow(-10px 0px 4px #000)drop-shadow(-40px 0px 8px #000);
    right: 0;
    transition: .2s;
  }
/**********
  BIO
**********/
  .photos{
    background-image: linear-gradient(to bottom right, #8b4c27, #401F0B);
    box-shadow: 0px -10px 6px #000, 0px 10px 6px #000;
  }
  .photos-container{
    margin: 0 auto;
    padding: 10px 50px 50px 50px;
    max-width: 1500px;
  }
  .photos-line{
    color: #fff;
    filter: drop-shadow(-1px 1px 2px #000);
    font-family: 'rokkitt-bold', serif;
    font-size: 20px;
    position: relative;
    text-shadow: 1px 1px #000,
                 1px -1px #000,
                 -1px 1px #000,
                 -1px -1px #000;
  }
  .photos-line-two{
    color: #fff;
    display: flex;
    filter: drop-shadow(-1px 1px 2px #000);
    font-family: 'rokkitt-bold', serif;
    font-size: 20px;
    justify-content: space-between;
    
    text-shadow: 1px 1px #000,
                 1px -1px #000,
                 -1px 1px #000,
                 -1px -1px #000;
  }
  .photos-line::after{
    content: "";
    background-color: #800000; 
    filter: drop-shadow(-2px 2px 2px #000);
    height: 1px;
    left: 10px;
    position: absolute;
    top: -20px;
    width: calc(100% - 10px);
    z-index: -1;
  }
  .photos-line-two::after{
    content: "";
    background-color: #800000; 
    filter: drop-shadow(-2px 2px 2px #000);
    height: 1px;
    left: 0;
    position: absolute;
    top: 20px;
    width: 100%;
    z-index: -1;
  }
  .photos-line-vertical{
    background-color: #800000; 
    color: #fff;
    filter: drop-shadow(-1px 1px 2px #000);
    font-family: 'rokkitt-bold', serif;
    font-size: 20px;
    height: 252px;
    position: relative;
    text-shadow: 1px 1px #000,
                 1px -1px #000,
                 -1px 1px #000,
                 -1px -1px #000;
    transform: translateY(48px) translateX(4px);
    width: 1px;
  }
  .photos-set-wrapper{
    position: relative;
  }
  .photos-set{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
    position: relative;
    transition: .2s;
    width: 100%;
  }
  .photos-line-two .photos-set{
    width: 650px;
  }
  .photos-set .photo-wrapper{
    display: flex !important;
    justify-content: center !important;
  }
  .photos-set-red{
    height: 270px;
    overflow-y: hidden;
  }
  .photo{
    align-items: center;
    background-color: rgba(0,0,0,.7);
    border: 2px solid #f5f5f5;
    display: flex;
    height: 250px;
    justify-content: center;
    margin: 10px 0;
    overflow: hidden;
    transition: .2s;
    width: 205px;
  }
  .photos-line-two .photo-wrapper{
    width: 222px;
  }
  .photo img{
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    max-width: 100%;
    transition: .2s;
    width: 100%;
  }
  .photo img:hover{
    transform: scale(1.1);
    transition: .2s;
  }
  .photos-set:hover .photo-wrapper img:not(:hover){
    opacity: .2;
    transition: .2s;
  }
  .photos-set-slider-next{
    align-items: center;
    display: flex;
    font-family: 'brandon-grotesque-black', sans-serif;
    height: 270px;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: .2s;
    width: 16%;
    z-index: 1000;
  }
  .photos-set-slider-next-two{
    top: 40px;
    width: 33%;
  }
  /*.photos-set-slider-next-red{
    width: 33% !important;
  }
  .photos-set-slider-next-npr{
    width: 16%;
  }*/
  .photos-set-slider-next:hover{
    cursor: pointer;
    transition: .2s;
  }
  .photos-set-slider-next:hover > .photos-set-slider-next-container span{
    transform: scale(1.2);
    transition: .2s;
  }
  .photos-set-slider-next-container{
    align-items: center;
    background-image: linear-gradient(to left, rgba(0,0,0,1) 20%, rgba(128,0,0,.5) 80%, rgba(128,0,0,0));
    display: flex;
    height: 250px;
    justify-content: center;
    position: relative;
    text-align: center;
    width: 100%;
  }
  .photos-set-slider-next-container span{
    transition: .2s;
  }
/**********
FOOTER
**********/
  footer{
    background-image: linear-gradient(to bottom, #800000, #000);
    border-top: 2px solid #000;
    color: #f5f5f5;
    font-family: 'futura-pt-light', sans-serif;
  }
  .footer-container{
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1342px;
    padding: 10px 0;
    width: 100%;
  }
  .footer-section{
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 33%;
  }
  .footer-social{
    justify-content: space-evenly;
    width: 30%;
  }
  .footer-social a{
    color: #f5f5f5;
    filter: drop-shadow(-1px 1px #800000) drop-shadow(-2px 2px #000);;
    font-size: 22px;
    text-decoration: none;
  }
  .footer-social a:hover{
    opacity: 1;
    transform: scale(1.3);
    transition: .2s;
  }
  .footer-social:hover > :not(:hover){
    opacity: .3;
    transition: .2s;
  }
  .footer-ada-logo{
    position: relative;
    width: 150px;
  }
  .footer-ada a{
    color: #f5f5f5;
  }
  footer img{
    display: block;
    width: 100%;
  }
  .site-by{
    filter: drop-shadow(-2px 2px #000);
    font-size: 14px;
    font-family: 'brandon-grotesque-black', sans-serif;
    left: -30px;
    position: absolute;
    text-shadow: 1px 1px #000,
                -1px 1px #000,
                1px -1px #000,
                -1px -1px #000;
    top: -2px;
  }
/************
  MENTORSHIP
************/
  .body-wrapper-mentorship{
    background-image: linear-gradient(to bottom right, #8b4c27, #401F0B);
  }
  .mentorship-content{
    background-color: rgba(0,0,0,.4);
    background-blend-mode: multiply;
    background-image: url('../media/assets/mentorship-bkg-1.png');
    background-position: center -100px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px;
    width: 100%;
  }
  .mentorship-content-container{
    margin: 0 auto;
    max-width: 1500px;
    padding-top: 100px;
    width: 100%;
  }
  .mentorship-header{
    color: #fff;
    margin-bottom: 80px;
    position: relative;
    text-align: center;
  }
  .mentorship-header h1{
    font-family: 'bambola', serif;
    font-size: 70px;
    filter: drop-shadow(-1px 1px #800000) drop-shadow(-2px 2px #000);
    text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000;
    word-spacing: 10px;
  }
  .mentorship-header p{
    filter: drop-shadow(-2px 2px #000);
    font-family: 'roboto-condensed', sans-serif;
    font-size: 22px;
    line-height: 30px;
    margin: 20px auto 0 auto;
    text-shadow: -1px 1px #000;
    text-transform: uppercase;
    width: 880px;
  }
  .mentorship-header span{
    font-family: 'bambola', serif;
    font-size: 34px;
    text-transform: initial;
  }
  .mentorship-block{
    margin: 60px auto;
    position: relative;
    width: 880px;
  }
  .mentorship-block-header h2{
    color: #fff;
    font-family: 'brandon-grotesque-black', sans-serif;
    filter: drop-shadow(-1px 1px #800000) drop-shadow(-2px 2px #000);
    font-size: 32px;
    position: relative;
    text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000;
  }
  .mentorship-block-header h2:after{
        content: "";
    background-color: #800000;
    filter: drop-shadow(-2px 2px 2px #000);
    height: 1px;
    left: 0;
    position: absolute;
    bottom: 8px;
    width: 100%;
  }
  .mentorship-block-body{
    color: #fff;
    font-family: 'roboto-condensed', sans-serif;
    font-size: 18px;
    list-style: none;
    padding-left: 2px;
  }
  .mentorship-block-body li{
    line-height: 28px;
  }
/**********
MEDIA QUERIES
**********/
  @media(max-width:1405px){
    .photo{
      width: 95%;
    }
    .photos-line-two .photos-set{
      width: 600px;
    }
  }
  @media(max-width:1310px){
    .photo{
      width: 160px;
    }
    .photos-line-two .photos-set{
      width: 570px;
    }
  }
  @media(max-width:1305px){
    .media-slide-overlay-container{
      height: 480px;
    }
    .media-overlay-back-turned{
      width: 600px;
    }
  }
  @media(max-width:1260px){
    .bio-text-bottom{
      width: 590px;
    }
  }
  @media(max-width:1250px){
    .photo{
      width: 90%;
    }
    .photos-line-two .photos-set{
      width: 530px;
    }
  }
  @media(max-width:1235px){
    .media-slide-wrapper{
      width: 90%;
    }
    .media-slide-overlay-container{
      height: 440px;
    }
    .media-overlay-back-turned{
      width: 550px;
    }
    .media-slide-overlay-logo-slides{
      width: 75%;
    }
    .media-slide-overlay-logo-slide{
      flex-direction: column-reverse;
    }
    .media-slide-overlay-text{
      font-size: 28px;
      padding: 10px 20px 20px 20px;
    }
  }
  @media(max-width:1180px){
    .photos-set-slider-next-two{
      width: 24%;
    }
    .photos-line-two{
      flex-direction: column;
    }
    .photos-line-vertical{
      display: none;
    }
    .photos-line-two .photos-set{
      width: 100%;
    }
  }
  @media(max-width:1140px){
    .bio-text-bio span{
      float: none;
    }
  }
  @media(max-width:1075px){
    .bio-text-bio{
      align-items: center;
      display: flex;
      flex-direction: column;
    }
    .bio-text-bio span{
      float: left;
    }
    .bio-text-image{
      margin: 0 0 20px 0;
    }
    .bio-text-option{
      width: 50%;
    }
    .bio-text-bottom{
      width: 100%;
    }
    .bio-text-as-seen{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-evenly;
      width: 100%;
    }
    .bio-text-socials{
      justify-content: space-between;
      margin: 18px auto 0 auto;
    }
    .bio-social-icon{
      margin: 0;
    }
    .bio-text-endorsements{
      justify-content: space-evenly;
      width: 100%;
    }
    .bio-text-bottom-logos-endorsements h3{
      text-align: center;
    }
    .bio-text-logo{
      margin: 10px 15px;
      height: 30px;
    }
  }
  @media(max-width:1050px){
    .mentorship-header h1{
      line-height: 80px;
      margin: 0 auto;
      width: 700px;
    }
  }
  @media(max-width:1000px){
    .jumbotron-slide-content h2{
      width: 80%;
    }
    .mentorship-header h1{
      width: calc(100% - 100px);
    }
    .mentorship-header p{
      width: 100%;
    }
  }
  @media(max-width:950px){
    .jumbotron-slide-content h2{
      font-size: 32px;
    }
    .jumbotron-slide-button{
      height: 40px;
      width: 120px;
    }
    .mentorship-block{
      width: 100%;
    }
  }
  @media(max-width:930px){
    .media-slide-overlay-text{
      font-size: 26px;
    }
  }
  @media(max-width:810px){
    .bio-text-as-seen{
      margin: 16px auto 0 auto;
      width: 60%;
    }
  }
  @media(max-width:800px){
/*MOBILE MENU*/
    .header-menu-burger-wrapper{
      display: block;
    }
    .header-wrapper{
      height: 0;
      justify-content: center;
    }
    .header-logo-text{
      left: 10px;
      top: 6px;
    }
    .header-menu-burger-wrapper{
      height: 20px;
      position: absolute;
      right: 15px;
      top: 17px;
      width: 40px;
    }
    .header-menu-burger-mobile{
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: space-between;
      width: 100%;
    }
    .burger{
      background-color: #f5f5f5;
      height: 2px;
      width: 100%;
    }
    .header-links-wrapper{
      display: none;
    }
    .header-links-wrapper-mobile{
      align-items: center;
      background-color: #010101;
      bottom: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      left: 0;
      overflow-y: hidden;
      position: fixed;
      right: 0;
      top: 0;
      transform: translateX(120%);
      transition: .3s;
      z-index: 999999;
    }
    .header-links-wrapper-mobile-toggle-1{
      transform: translateX(0%);
      transition: .3s;
    }
    .header-links-wrapper-mobile-toggle-2{
      transform: translateX(120%);
      transition: .3s;
    }
    .header-links-wrapper-mobile::after{
      content: "";
      background-image: linear-gradient(to bottom right, #8b4c27, #401F0B);
      box-shadow: 0px 0px 8px 7px #800000;
      
      position: absolute;
      border: 2px solid #fff;
      height: calc(100% - 40px);
      width: calc(100% - 40px);
      left: 20px;
      top: 20px;
      z-index: -1;
    }
    .header-logo-mobile{
      filter: drop-shadow(-1px 1px #800000) drop-shadow(-2px 2px #000) drop-shadow(-8px 1px #800000);
      text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000;
      width: 80%;
    }
    .header-logo-mobile img{
      display: block;
      width: 100%;
    }
    .header-socials-mobile{
      align-items: center;
      display: flex;
      font-size: 26px;
      height: 36px;
      justify-content: space-evenly;
      margin: 20px 0;
      width: 70%;
    }
    .header-socials-mobile a{
      align-items: center;
      color: #f5f5f5;
      display: flex;
      filter: drop-shadow(-1px 1px #800000) drop-shadow(-2px 2px #000);
      justify-content: center;
      text-decoration: none;
      width: 30px;
    }
    .header-links-mobile{
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .header-links-mobile a{
      color: #f5f5f5;
      filter: drop-shadow(-1px 1px #800000) drop-shadow(-2px 2px #000);
      font-family: 'roboto-condensed', sans-serif;
      font-size: 28px;
      padding: 5px 10px;
      position: relative;
      text-align: center;
      text-decoration: none;
      transition: all 500ms ease;
      width: auto;
    }
    .header-links-mobile a::after{
      content: "";
      background-color: #800000;
      height: 2px;
      bottom: 22px;
      left: -4px;
      position: absolute;
      right: 0;
      width: calc(100% + 10px);
      z-index: -1;
    }
    .header-mobile-back{
      font-family:'brandon-grotesque-black', sans-serif;
      font-size: 20px;
      position: absolute;
      top: 30px;
      right: 25px;
    }
    .jumbotron-slide-overlay{
      background-image: linear-gradient(to bottom, rgba(0,0,0,.7) 20%, transparent, rgba(0,0,0,.8) 70%);
    }
    .jumbotron-slide-content h2{
      width: 100%;
    }
    .bio-container{
      padding: 20px;
    }
    .bio-text-bio span{
      float: none;
      justify-content: center;
    }
    .bio-text-bio p{
      font-size: 24px;
      line-height: 1.6;
      text-align: center;
    }
    .bio-text-bottom-logos-endorsements h3{
      font-size: 18px;
    }
    .testimonial-text{
      font-size: 24px;
      line-height: 1.6;
      text-align: center;
    }
    .testimonial-name{
      float: right;
    }
    .media-slide-overlay-container{
      height: 280px;
    }
    .media-overlay-back-turned{
      left: -24px;
      width: 380px;
    }
    .footer-container{
      flex-direction: column;
      padding: 30px 0;
    }
    .footer-section{
      width: 100%;
    }
    .footer-legal{
      order: 2;
      font-size: 20px;
      margin: 20px 0;
    }
    .footer-social{
      order: 1;
    }
    .footer-ada{
      order: 3;
    }
  }
  @media(max-width:780px){
    .media-slide-overlay-logo-slides{
      width: 70%;
    }
    .media-slide-overlay-text{
      font-size: 22px;
    }
  }
  @media(max-width:720px){
    .bio-text-as-seen{
      width: 70%;
    }
    .media-slide-overlay-logo-slides{
      width: 100%;
    }
    .media-slide-overlay-logo-slide{
      align-items: center;
      flex-direction: column;
      justify-content: flex-end;
    }
    .media-slide-overlay-text{
      filter: drop-shadow(1px 1px #800000) drop-shadow(2px 2px #000);
      padding: 0 10px 10px 10px;
      text-align: center;
      text-shadow: 1px 1px #000,
                  -1px 1px #000,
                  1px -1px #000,
                 -1px -1px #000;
    }
    .media-slide-actions{
      margin: 0 0 10px 0;
    }
  }
  @media(max-width:710px){
    .mentorship-header h1{
      width: 100%;
    }
  }
  @media(max-width:700px){
    .jumbotron-slide-content{
      margin-bottom: 40px;
      padding: 30px 10px;
    }
    .jumbotron-slide-content h2{
      font-size: 28px;
      text-align: center;
    }
    .jumbotron-slide-buttons{
      justify-content: space-between;
      margin: 0 auto;
      margin-top: 10px;
      width: 260px;
    }
    .media-slide-overlay-action{
      width: 50px;
    }
    .jumbotron-slide-one-button{
      justify-content: center;
      width: auto;
    }
    .jumbotron-slide-button{
      margin-right: 0;
    }
    .jumbotron-slide-button:hover > i,
    .jumbotron-slide-button:hover > span{
      transform: scale(1.3);
    }
    .jumbotron .slick-dots{
      right: 0px;
      justify-content: center;
      width: 100%;
      margin: 0 auto;
    }
    .bio-text-image{
      width: 300px;
    }
    .bio-text-bio span{
      font-size: 45px;
      height: auto;
      line-height: 1.2;
      margin-bottom: 0;
      padding-right: 0;
    }
    .bio-text-logo{
      height: 30px;
      margin: 10px 5px;
      width: 30%;
    }
    .bio-text-endorsements .bio-text-logo{
      width: 50%;
    }
    .lakland-endorsement{
      margin-top: 6px;
      width: 75% !important;
    }
    .lakland-endorsement img{
      max-height: none;
    }
    .mono-endorsement{
      width: 40% !important;
    }
    .mono-endorsement img{
      margin-top: 0;
      max-height: none;
    }
    .photos-container{
      padding: 10px 20px 50px 20px;
    }
    .photos-set-daytime-chicago .photo-wrapper,
    .photos-set-red .photo-wrapper,
    .photos-set-npr .photo-wrapper{
      width: calc(50% - 10px);
    }
    .photo-object-position-top img{
      object-position: top;
    }
  }
  @media(max-width:640px){
    .bio-text-pdfs{
      flex-direction: column;
    }
    .bio-text-option{
      margin: 20px 0 0 0;
      width: 100%;
    }
    .bio-text-as-seen{
      width: 80%;
    }
  }
  @media(max-width:610px){
    .mentorship-header h1{
      font-size: 56px;
      line-height: 60px;
    }
  }
  @media(max-width:570px){
    .bio-text-as-seen{
      width: 100%;
    }
  }
  @media only screen and (min-device-width : 305px) and (max-device-width : 900px) and (orientation : portrait){
  /*HOVER*/
    .bio .slick-dots li button:hover,
    .jumbotron .slick-dots li button:hover{
      cursor: unset;
    }
    .header-socials a:hover{
    font-size: 18px;
    }
    .header-socials:hover > :not(:hover){
      opacity: 1;
    }
    .header-links:hover > :not(:hover){
      opacity: 1;
    }
    .header-links a:hover::after{
      bottom: 15px;
      height: 2px;
    }
    .jumbotron-slide-button:hover{
      cursor: unset;
    }
    .jumbotron-slide-button:hover > i,
    .jumbotron-slide-button:hover > span{
      transform: scale(1);
    }
    .bio-text-option:hover{
      cursor: unset;
    }
    .bio-text-option:hover > a{
      transform: scale(1);
    }
    .bio-text-as-seen:hover > :not(:hover),
    .bio-text-endorsements:hover > :not(:hover),
    .bio-text-socials:hover > :not(:hover){
      opacity: 1;
      transform: scale(1);
    }
    .bio-text-logo:hover{
      transform: scale(1);
    }
    .bio-social-icon:hover{
      filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
      text-shadow: -1px 1px #000;
      transform: scale(1);
    }
    .media-slide-icons a:hover{
      transform: scale(1);
    }
    .media-slide-overlay-action:hover{
      cursor: unset;
    }
    .media-slide-overlay-action:hover > i{
      transform: scale(1);
    }
    .media-squares-arrow:hover{
      cursor: unset;
    }
    .media-squares-arrow:hover > i{
      transform: scale(1);
    }
    .photo img:hover{
      transform: scale(1);
    }
    .photos-set:hover .photo-wrapper img:not(:hover){
      opacity: 1;
    }
    .footer-social a:hover{
      opacity: 1;
      transform: scale(1);
    }
    .footer-social:hover > :not(:hover){
      opacity: 1;
    }
  /*MOBILE MENU*/
    .header-menu-burger-wrapper{
      display: block;
    }
    .header-wrapper{
      height: 0;
      justify-content: center;
    }
    .header-logo-text{
      left: 10px;
      top: 6px;
    }
    .header-menu-burger-wrapper{
      height: 20px;
      position: absolute;
      right: 15px;
      top: 17px;
      width: 40px;
    }
    .header-menu-burger-mobile{
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: space-between;
      width: 100%;
    }
    .burger{
      background-color: #f5f5f5;
      height: 2px;
      width: 100%;
    }
    .header-links-wrapper{
      display: none;
    }
    .header-links-wrapper-mobile{
      align-items: center;
      background-color: #010101;
      bottom: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      left: 0;
      overflow-y: hidden;
      position: fixed;
      right: 0;
      top: 0;
      transform: translateX(120%);
      transition: .3s;
      z-index: 999999;
    }
    .header-links-wrapper-mobile-toggle-1{
      transform: translateX(0%);
      transition: .3s;
    }
    .header-links-wrapper-mobile-toggle-2{
      transform: translateX(120%);
      transition: .3s;
    }
    .header-links-wrapper-mobile::after{
      content: "";
      background-image: linear-gradient(to bottom right, #8b4c27, #401F0B);
      box-shadow: 0px 0px 8px 7px #800000;
      
      position: absolute;
      border: 2px solid #fff;
      height: calc(100% - 40px);
      width: calc(100% - 40px);
      left: 20px;
      top: 20px;
      z-index: -1;
    }
    .header-logo-mobile{
      filter: drop-shadow(-1px 1px #800000) drop-shadow(-2px 2px #000) drop-shadow(-8px 1px #800000);
      text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000;
      width: 80%;
    }
    .header-logo-mobile img{
      display: block;
      width: 100%;
    }
    .header-socials-mobile{
      align-items: center;
      display: flex;
      font-size: 26px;
      height: 36px;
      justify-content: space-evenly;
      margin: 20px 0;
      width: 70%;
    }
    .header-socials-mobile a{
      align-items: center;
      color: #f5f5f5;
      display: flex;
      filter: drop-shadow(-1px 1px #800000) drop-shadow(-2px 2px #000);
      justify-content: center;
      text-decoration: none;
      width: 30px;
    }
    .header-links-mobile{
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .header-links-mobile a{
      color: #f5f5f5;
      filter: drop-shadow(-1px 1px #800000) drop-shadow(-2px 2px #000);
      font-family: 'roboto-condensed', sans-serif;
      font-size: 28px;
      padding: 5px 10px;
      position: relative;
      text-align: center;
      text-decoration: none;
      transition: all 500ms ease;
      width: auto;
    }
    .header-links-mobile a::after{
      content: "";
      background-color: #800000;
      height: 2px;
      bottom: 22px;
      left: -4px;
      position: absolute;
      right: 0;
      width: calc(100% + 10px);
      z-index: -1;
    }
    .header-mobile-back{
      font-family:'brandon-grotesque-black', sans-serif;
      font-size: 20px;
      position: absolute;
      top: 30px;
      right: 25px;
    }
    .jumbotron-slide-overlay{
      background-image: linear-gradient(to bottom, rgba(0,0,0,.7) 20%, transparent, rgba(0,0,0,.8) 70%);
    }
/*************
  MENTORSHIP
*************/
    #u2-mentorship{
      left: 0;
      position: absolute;
      top: -110px;
    }
    .mentorship-content{
      padding: 20px;
    }
  /*LOAD*/
    .ns-signature{
      left: 36% !important;
      top: 27.5% !important;
      width: 70% !important;
    }
    .logo-bass{
      left: 58% !important;
      top: 24.5% !important;
      width: 100% !important;
    }
    .logo-stars{
      top: 43% !important;
      width: 28% !important;
    }
  }




























































/**********
 * LOAD SCREEN *
 **********/
/*POOF*/
  .load-screen-wrapper{
    align-items: center;
    background-image: linear-gradient(to bottom right, #8b4c27, #401F0B);
    box-shadow: 0 0 10px #fff;
    display: none;
    display: flex;
    height: 100vh;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999999999;
    animation-name: load-screen-wrapper-shrink; 
    animation-duration: 1s;
    animation-delay: 6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  @keyframes load-screen-wrapper-shrink{
    0%{
      transform: scale(1);
    }
    20%{
      transform: scale(1.5);
    }
    50%{
      opacity: 0;
    }
    100%{
      opacity: 0;
      transform: scale(0);
    }
  }
  .load-screen-logo-container{
    height: auto;
    margin: 0 auto;
    position: relative;
    width: auto;
  }
  .ns-signature{
    position: fixed;
    left: 41.5%;
    overflow: visible;
    top: 27.5%;
    width: 50%;
    animation: ns-signature-an-1 .5s 2.5s forwards;
  }
  #ns-signature-n{
    fill: transparent;
    filter: drop-shadow(-1px 1px #000) drop-shadow(-2px 2px #000) drop-shadow(-3px 3px #000);
    stroke: #f5f5f5;
    stroke-dasharray: 3000;
    stroke-width: 1;
    animation:
      initials 3s linear reverse,
      ns-signature-an-2 .8s 4.7s forwards;
    transform: scale(1);
  }
  #ns-signature-s{
    fill: transparent;
    filter: drop-shadow(-1px 1px #000) drop-shadow(-2px 2px #000) drop-shadow(-3px 3px #000);
    stroke: #f5f5f5;
    stroke-dasharray: 3000;
    stroke-width: 1;
    animation:
      initials 2.7s linear reverse,
      ns-signature-an-2 .8s 4.7s forwards;
    transform: scale(1);
  }
  .ns-signature-latter{
    fill: transparent;
    filter: drop-shadow(-1px 1px #000) drop-shadow(-2px 2px #000) drop-shadow(-3px 3px #000);
    stroke: #f5f5f5;
    stroke-width: 1;
    transform: scale(1);
    opacity: 0;
  }
  .ns-signature-etta{
    stroke-dasharray: 6000;
    animation:
      initials-latter 1.6s linear 3s forwards,
      ns-signature-an-2 .8s 4.7s forwards;
    transition-delay: 3s;
  }
  .ns-signature-h{
    stroke-dasharray: 6000;
    animation:
      initials-latter 2.5s linear 3s forwards,
      ns-signature-an-2 .8s 4.7s forwards;
    transition-delay: 3s;
  }
  .ns-signature-errell{
    stroke-dasharray: 6500;
    animation:
      initials-latter 1.5s linear 3s forwards,
      ns-signature-an-2 .8s 4.7s forwards;
    transition-delay: 3s;
  }
  .ns-signature-latter-transition{
    opacity: 1;
  }
  .logo-bass{
    fill: transparent;
    filter: drop-shadow(-1px 1px #000) drop-shadow(-2px 2px #000) drop-shadow(-3px 3px #000);
    left: 57%;
    opacity: 0;
    overflow: visible;
    position: fixed;
    stroke: #f5f5f5;
    top: 25%;
    transform: translateX(-10%);
    width: 70%;
    animation: 
      bass-an-1 .5s 2.7s forwards;
  }
  .logo-bass-part{
    stroke-width: 4;
    animation: 
      bass-an-2 .8s 4.7s forwards,
      bass-an-test .5s 2.7s forwards,
      bass-an-test2 .5s 4.7s forwards;
  }
  .logo-stars{
      fill: transparent;
      filter: drop-shadow(-1px 1px #000) drop-shadow(-2px 2px #000) drop-shadow(-3px 3px #000);
      left: 42.5%;
      overflow: visible;
      position: fixed;
      top: 59%;
      stroke: #800000;
      width: 26%;
  }
  #logo-star-1{
    transform: 
      scale(0)
      translateX(0%)
      translateY(10%);
    animation: 
      star-an-1 .5s 3.4s forwards,
      star-1-an-2 .3s 3.8s forwards,
      star-1-an-3 .8s 4.7s forwards;
  }
  #logo-star-2{
    transform: 
      scale(0)
      translateX(0%)
      translateY(10%);
    animation: 
      star-an-1 .6s 3.4s forwards,
      star-2-an-2 .3s 3.9s forwards,
      star-2-an-3 .8s 4.7s forwards;
  }
  #logo-star-3{
    transform: 
      scale(0)
      translateX(0%)
      translateY(10%);
    animation: 
      star-an-1 .7s 3.4s forwards,
      star-3-an-2 .3s 4s forwards,
      star-3-an-3 .8s 4.7s forwards;
  }
  #logo-star-4{
    transform: 
      scale(0)
      translateX(0%)
      translateY(10%);
    animation: 
      star-an-1 .8s 3.4s forwards,
      star-4-an-2 .3s 4.1s forwards,
      star-4-an-3 .8s 4.7s forwards;
  }
  @keyframes initials {
    to{
      stroke-dashoffset: 4000;
    }
  }
  @keyframes initials-latter {
    from{
      stroke-dashoffset: 6000;
    }
    to{
      stroke-dashoffset: 3000;
    }
  }
  @keyframes ns-signature-an-1{
    to{
      transform: translateX(-43%);
    }
  }
  @keyframes ns-signature-an-2{
    from{
      stroke-width: 1;
      fill: transparent;
      transform: scale(1.13) translateX(-6.5%) translateY(-10%);
    }
    to{
      fill: #800000;
      stroke: #f5f5f5;
      stroke-width: 6;
      transform: scale(1);
    }
  }
  @keyframes ns-signature-an-2-etta{
    from{
      stroke-dasharray: 3500;
      stroke-width: 1;
      fill: transparent;
      transform: scale(1.13) translateX(-6.5%) translateY(0);
    }
    to{
      fill: #800000;
      stroke: #f5f5f5;
      stroke-dasharray: 3700;
      stroke-width: 6;
      transform: scale(1);
    }
  }
  @keyframes ns-signature-an-2-errell{
    from{
      stroke-dasharray: 3500;
      stroke-width: 1;
      fill: transparent;
      transform: scale(1.13) translateX(-6.5%) translateY(0);
    }
    to{
      fill: #800000;
      stroke: #f5f5f5;
      stroke-dasharray: 3700;
      stroke-width: 6;
      transform: scale(1);
    }
  }
  @keyframes bass-an-1{
    to{
      opacity: 1;
      stroke-width: 6;
      transform: translateX(15.6%);
    }
  }
  @keyframes bass-an-2{
    from{
      transform: scale(1.2) translateX(0%) translateY(-5%);
    }
    to{
      fill: #800000;
      stroke: #fff;
      transform: scale(1)  transform: translateX(15.6%);
    }
  }
  @keyframes bass-an-test{
    to{
      stroke-width: 1;
      }
  }
  @keyframes bass-an-test2{
    to{
      stroke-width: 6;
      }
  }

  @keyframes star-1-an-2{
    from{
      transform: scale(4.4) translateX(-.5%);
    }
    to{
      transform: scale(3.5);
    }
  }
  @keyframes star-2-an-2{
    from{
      transform: scale(4.4) translateX(-2.5%);
    }
    to{
      transform: scale(3.5);
    }
  }
  @keyframes star-3-an-2{
    from{
      transform: scale(4.4) translateX(-4.8%);
    }
    to{
      transform: scale(3.5);
    }
  }
  @keyframes star-4-an-2{
    from{
      transform: scale(4.2) translateX(-6.5%);
    }
    to{
      transform: scale(3.5);
    }
  }
  @keyframes star-1-an-3{
    from{
      stroke-width: 1;
      transform: scale(4.2) translateX(-1.5%);
    }
    to{
      fill: #800000;
      stroke: #fff;
      stroke-width: 1.5;
      transform: scale(3.8);
    }
  }
  @keyframes star-2-an-3{
    from{
      stroke-width: 1;
      transform: scale(4.2) translateX(-1.5%);
    }
    to{
      stroke-width: 1.5;
      fill: #800000;
      stroke: #f5f5f5;
      transform: scale(3.8);
    }
  }
  @keyframes star-3-an-3{
    from{
      stroke-width: 1;
      transform: scale(4.2) translateX(-1.5%);
    }
    to{
      stroke-width: 1.5;
      fill: #800000;
      stroke: #f5f5f5;
      transform: scale(3.8);
    }
  }
  @keyframes star-4-an-3{
    from{
      stroke-width: 1;
      transform: scale(4.2) translateX(-1.5%);
    }
    to{
      stroke-width: 1.5;
      fill: #800000;
      stroke: #f5f5f5;
      transform: scale(3.8);
    }
  }
  @keyframes load-screen-zoom-1{
    to{
      opacity: 1;
      transform: scale(1);
    }
  }
  /*@keyframes load-screen-zoom-2{
    to{
      visibility: hidden;
    }
  }*/