h1.heading{
 
    font-family: 'Apercu Mono Pro';
  font-size: 38px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 46px;
  text-transform: uppercase;
 
}  
h2.heading{
 
    font-family: 'Apercu Mono Pro';
  font-size: 38px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 46px;
  text-transform: uppercase;
 
}

h3.heading{
 
    font-family: 'Apercu Mono Pro';
  font-size: 20px;
  letter-spacing: 0.2px;
  line-height: 24px;
  text-transform: uppercase;
 
}
   .overlay {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   height: 100%;
   width: 100%;
   opacity: 0;
   transition: .5s ease;
   background-color: #008CBA;
   }
   .overlay-r {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0 !important;
   height: 100%;
   width: 100%;
   opacity: 0;
   transition: .5s ease;
   background-color: #008CBA;
   }
   
   .overlay-m {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0 !important;
   height: 100%;
   width: 100%;
   opacity: 0;
   transition: .5s ease;
   background-color: #008CBA;
   }
   .left-col
   {
   z-index: 10;
   }

 .mid-col
   {
   z-index: 10;
   }

   .right-col
   {
   z-index: 10;
   }
   .left-col-hover
   {
   position : absolute !important;
   }

  .mid-col-hover
   {
   position : absolute !important;
   top: 0;
  
   }

   .set_opacity
   {
   opacity : 1;
   z-index: 999;
   cursor: pointer;
   }
   .no_opacity
   {
   opacity : 0 !important;
   }
  .wp-block-button {
    width: 185px;
    height: 60px;
      padding: 19px 18px 22px 18px;
    text-transform:uppercase;

    font-family: 'Apercu Mono Pro' !important;
}

.bridge-btn {
    padding: 10px;
    text-transform: uppercase;
    max-width: 185px;
    padding: 19px 20px 22px 20px;
    height: 60px;
}


@media (max-width: 767px) { 

  h1.heading {
    font-family: 'Apercu Mono Pro';
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 26px;
    text-transform: uppercase;
}

h2.heading {
    font-family: 'Apercu Mono Pro';
 font-size: 22px;
  letter-spacing: 0.2px;
  line-height: 22px;
}

  .bridge-btn {
    padding: 10px;
    text-transform: uppercase;
    max-width: 185px;
    padding: 14px 20px 17px 20px;
    height: 50px;
}

.bridge-btn a {
   font-size: 14px;
  letter-spacing: 0.4px;
  line-height: 17px;
    font-family: 'Apercu Mono Pro';
}



 } 



@media screen and (max-width: 1280px) and (min-width: 800px){ 
h2.heading{
 
    font-family: 'Apercu Mono Pro';
  font-size: 33px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 40px;
  text-transform: uppercase;
 
}

 }