#webslides > section {

}



#webslides > section > h1 {
 font-size: 15vw;
  margin: 1vw;
  padding: 1vw;
}

#webslides > section > h2 {
 font-size: 4.5vw;
 margin: 1vw;
 padding: 1vw;
 color: #ffffff;
 -webkit-text-stroke-width: 0.1vw;
 -webkit-text-stroke-color: #000000;
}

#webslides > section > h3 {
 font-size: 6vw;
 
 color: white;
 -webkit-text-stroke-width: 0.1vw;
 -webkit-text-stroke-color: #1d1d1d;
 opacity: 0.6;
}


#contact-by-click {
  display: grid;
  padding: 0.4vw;
  cursor: pointer;
  line-height: 0vw;
  width: 50vw;

}




 
   #background {
     background-color: rgb(255, 255, 255);
     
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(1200px, 1fr));
     grid-gap: 0%;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 0; /* Set z-index to a value lower than that of .transparent-text elements */
   }
   
 
   .transparent-text {
     font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
     position: static;
     color: transparent;
     -webkit-text-stroke-width: 0.5vw;
     -webkit-text-stroke-color: #000000;
     z-index: 1;
     
   }




/* /////////////////////////////////////// */
@media (max-width: 600px) {


  #webslides > section {

  }
  
  #webslides > section > h1 {
   font-size: 28vw;
    margin: 2vw;
    padding: 2vw;
    line-height: 18vw;
  }
  
  #webslides > section > h2 {
   font-size: 8vw;
   margin: 3vw;
   padding: 2vw;
   color: #ffffff;
   -webkit-text-stroke-width: 0.1vw;
   -webkit-text-stroke-color: #000000;
  }
  
  #webslides > section > h3 {
   font-size: 16vw;
   line-height: 14vw;
   padding: 2vw;
   color: white;
   -webkit-text-stroke-width: 0.1vw;
   -webkit-text-stroke-color: #1d1d1d;
   opacity: 0.6;
  }
  
  
  .contact-by-click {
  
   padding: 0.8vw;
  
   width: 6vw;
   cursor: pointer;
   display: inline;
   font-size: 4vw;
   font-weight: 400;
   line-height: 1vw;
  
   padding-left: 1vw;
   text-align: left;
  
  }


  }