body{
  background: whitesmoke;
}

.service-name h3{
  display: grid;
    align-items: center;
  color:white;
  
}
#service-description{
   padding-bottom: 20px;
  
}
.service-box{
  background: rgba(255,255,255,0.2);
  width:80%;
  margin: 0 auto;
  margin-top: 60px;
  /*padding: 30px;
  padding-top: 0;*/
  border-radius: 10px;
  box-shadow: 0px 2px 10px rgba(0,0,0,0.3);
  
  
}
 .service-box ul p, .service-box ul li{
   color:#222222;
   line-height: 25px;
   font-size: 11px;
 }
p{
  font-size: 11px;
  line-height: 25px;
}
.service-box ul i{
  color:limegreen;
}
.service-icon{
  width:50px;
  margin-right: 10px;
}
.service-name{
  display: flex;
  padding: 10px;
  margin-top: 0;
  margin-bottom: 20px;
  background: linear-gradient(to right, #004493, #0077b6);
  color:white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.service-image{
  width:80%;
  display: block;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
}
.service-info{
  padding: 30px;
  padding-top: 0px;
}
#drill p{
  margin-left:30px;
}
.drill-h3{
  font-size: 12px;
  margin-top: 20px;
}
#drill i{
  color:limegreen;
  margin-right: 15px;
}
/*#drill-images{
  width:90vw;
  margin: 0 auto;
  margin-top: 30px;
  display: flex-wrap;
  
  border: solid red
}
#drill-images img{
  display: block;
}*/

@media(max-width:780px){
  .service-name h3{
    font-size: 15px;
    
  }
  .service-box ul p, .service-box ul li{
   color:#222222;
   line-height: 20px;
   font-size: 12px;
 }
p{
  font-size: 12px;
  line-height: 20px;
}
}