@media screen and (max-width: 768px) {
  /* CSS rules to apply when the screen width is 768px or less */
  
  #dsn_header.header-normal {
    padding-top: 280px;
  }

  .bee-img {
    position: absolute;
    top: -20%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
  }

  .intro-text{
  font-size: 24px; 
  line-height: 34px; 
  width:80vw;
  }
  .intro-container{
  z-index: 200; 
  position: absolute; 
  top:50%; left: 50%; 
  transform: translate(-50%, -50%); 
  background: #00000080; 
  padding: 4em;
  }
  .dsn-testimonials.testimonials-small .testimonials-inner .testimonal-item .content {
  min-height: 600px;
  padding: 20px;
  }
  .title-block {
    letter-spacing: 0px;
  }

  .title-normal{
  font-size: 20px;
  font-weight: normal;
  }
  #vidh{
    height:50vh; 
  }
  .viddiv{
    min-width:410px; 
    width:100vw; 
    height:50vh; 
    position: absolute;
  }


}

@media screen and (min-width: 768px) {

  .intro-text{
  font-size: 24px; 
  line-height: 36px; 
  width:80vw;
  }

  .intro-container{
  z-index: 200; 
  position: absolute; 
  top:50%; left: 50%; 
  transform: translate(-50%, -50%); 
  background: #00000080; 
  padding: 4em;
  }

  .dsn-testimonials.testimonials-small:not(.full-testimonials) .testimonials-inner{
  max-width: 500px;
  }

  .dsn-testimonials.testimonials-small .testimonials-inner .testimonal-item .content {
  min-height: 500px;
  }
  .title-block {
    letter-spacing: 0px;
  }
  .title-normal{
  font-size: 24px;
  font-weight: normal;
  }
  #vidh{
    height:100vh; 
  }
  .viddiv{
    min-width:1280px; 
    width:100vw; 
    height:100vh; 
    position: absolute;
  }

}

/* end media min/max */


.stretched-link::after {
  content: "";
  position: absolute;
  inset: 0; /* Shorthand for top: 0; bottom: 0; left: 0; right: 0; */
  z-index: 1; /* Ensures the pseudo-element is on top of other card elements */
}


.site-header {
  background-color: rgba(22, 22, 22, 0.6);
}

.sub-heading {
  text-transform: none; !important;
}

.bTint {
    background-color: #00000077;
    padding: 12px;
    border-radius: 12px;
} 

.cap {
    position: relative;
    bottom: 62px;
    left: 0;
    background-color: #000;
    padding: 4px 15px;
    color: #fff;
    z-index: 10;
    border: 1px solid #555555;
}

.main-brand img, .dsnload__img img {
    width: 240px;
    max-width: 100%;
    height: auto;
}