/* Enter Your Custom CSS Here */.social-share-project, .made-by-section { display:none; }
.hero-section .hero-slide-style-1 .hero-middle-text {font-size: 70px; line-height: 1.2; baseline-shift: -80%}
.hero-section .hero-slide-style-1 .hero-bottom-text {font-size: 15px; line-height: 1.4; baseline-shift: 40%}
.portfolioBodyText {line-height: 1.4;}

/*For browser/screen widths less than 767px*/
@media only screen and (max-width: 767px) {
  .hero-section .hero-slide-style-1 .hero-middle-text, .hero-section .hero-slide-style-2 .hero-middle-text, .hero-section .hero-slide-style-3 .hero-middle-text { font-size: 50px;  font-family: "arbutus";  }
}

@media only screen and (min-width: 767px) {
  .hero-section .hero-slide-style-1 .hero-middle-text, .hero-section .hero-slide-style-2 .hero-middle-text, .hero-section .hero-slide-style-3 .hero-middle-text { font-size: 90px;  font-family: "arbutus";  }
}

/*For browser/screen widths less than 767px*/
@media only screen and (max-width: 767px) {
  .hero-section .hero-slide-style-1 .hero-top-text, .hero-section .hero-slide-style-2 .hero-top-text, .hero-section .hero-slide-style-3 .hero-top-text { font-size: 2px; line-height: 1; font-family;  }
}

.arbutusTemp { font-family: “voltage”;  }
}

}
@media only screen and (max-width: 767px) {
  .arbutusTemp { font-size: 64px;  font-family: “voltage”;  }
}

@media screen and (min-width: 10em) {
  .hero-section .header-video {
    display: block !important;
}

.rs-background-video-layer iframe {
visibility:inherit !important;
}
  
@media screen and (min-width: 10em) {
  .hero-section .header-video {
visibility:inherit !important;
}
    
    @media only screen and (max-width: 767px) {
  .hero-section .video-background {
    display: block !important;  }
}
   

     .white_text2 { color:#fff; }
    }
    
    .white_bigtext { color:#fff; font-size: 64px; font-family: "arbutus";  }
  
}
  
          @media only screen and (max-width: 767px) {
    .white_smalltext2 { color:#fff; 
  }
  
.content-desktop {display: block;}
.content-mobile {display: none;}

@media screen and (max-width: 768px) {

.content-desktop {display: none;}
.content-mobile {display: block;}

}
  
      .hero-buttons::after { margin: 0px 0px 0px -20px;  }
  
}
  
  .StoryText {font-family: “voltage”; font-size: 54px; }

}

  .pyramid-desktop {display: block;}
  .pyramid-mobile {display: none;}


@-ms-viewport { width: device-width; }
.pyramid-mobile {display: block; }
  .pyramid-desktop {display: none;

@-o-viewport { width: device-width; }
  .pyramid-mobile {display: block; }
  .pyramid-desktop {display: none;

@viewport { width: device-width; }
    .pyramid-mobile {display: block; }
  .pyramid-desktop {display: none;

@media screen and (max-width: 768px) {
.pyramid-mobile {display: block; }
  .pyramid-desktop {display: none;