.service-container {
    display: grid;
    border-radius: 6px;
    top: 0px;
    width: 90%;
    grid-template-columns: 30% 30% 30%;
    gap: 2%;
    padding: 0px 0% 1% 10%;
    margin: 0px 0 24px; 0%;
    z-index: 68;
  }
  
  .service-container > div {
    position: relative;
    /*border-style: solid solid solid solid;
    border-width: 1px;
    border-color: black;
    border-radius: 6px;*/
    text-align: left;
    padding: 12px 12px 12px 12px;
   }
   .service-title {
    grid-column-start: 1;
    grid-column-end: 4;
    }
   ul{
    font-family: sans-serif;
    line-height: 1.75; 
   }
   ul.b {
    list-style-type: disc;
    }

        /* notebook screen */
@media (max-width: 1400px) {
    
}    

        /* tablet screen */
@media (max-width: 1000px) {
  
}

        /* phone screen */
@media (max-width: 767px) {
    .service-container {
     grid-template-columns: 80%;
     padding: 0px 5% 1% 3%;
     gap: 0%;
    }    
    .service-title {
        grid-column-start: 1;
        grid-column-end: 2;
     }
 }