html {
   scroll-behavior: smooth;
   padding-top: 75px;
}


body {
   position: relative;
   font-family: 'Roboto',
      sans-serif;
}

.myAbout {
   background-color: #EEEFF3;
   padding-top: 100px;
   padding-bottom: 100px;
}

.myEvents {
   padding-top: 100px;
   padding-bottom: 100px;
}

.myClients {
   padding-top: 100px;
   padding-bottom: 100px;
}

.myServices {
   background-color: #EEEFF3;
}

.myServices {
   padding-top: 100px;
   padding-bottom: 100px;
}

.myAbout h6 {
   letter-spacing: .5px;
}

.head_text {
   font-size: 25px;
   letter-spacing: 1px;
}

mark {
   background: #1827CE;
   color: white;
   font-weight: bold;
   letter-spacing: 2px;
}

@media (max-width: 575.98px) {

   html {

      padding-top: 50px;
   }


   .head_text {
      font-size: 20px;
   }

   .carousel-caption {}
}

@media (max-width: 337px) {

   html {
      padding-top: 100px;
   }

   mark {
      padding-top: 10px;
      font-size: 13px;
      background: #1827CE;
      color: white;
      font-weight: bold;
      letter-spacing: 1px;
   }

}