.servicio{
     background: #fff;
     margin-bottom: 7%;
     margin-top: 5%
}

.servicio > .content-s{
     padding: 5%;
}

.line-red{
     height:5px;
     width: 10%;
     background: #dd2d40
}

.content-s > h4 {
     font-size: 1.7rem;
     margin: 3% 0 !important;
}

.content-s > p{
     margin: 0;
     padding-top: 2%;
     font-size: 1.2rem;
     line-height: 2.1rem;
     letter-spacing: 1px;
}

.content-s > ul{
     margin: 0;
     padding: 0;
     text-decoration: none;
     list-style: "- ";
     padding-left: 3%;
}

.content-s > ul li{ 
     color: #5d5d5d;
     margin: 1% 0;
     padding-top: 2%;
     font-size: 1.2rem;
     line-height: 1.7rem;
     letter-spacing: 1px;
}

.accordion {
  #background-color: #eee;
  background-color: ;
  color: #444;
  cursor: pointer;
  padding:  0px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 18px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: ;
}

.panel {
  padding: 0 15px;
  font-size: 15px;
  display: none;
  background-color: white;
  overflow: hidden;
}

@media (max-width: 768px){

     
     .servicio > .imagen{
          height: 40vh
     }

     .servicio{
          background: #fff;
          margin-bottom: 25%;
          margin-top: 10%
     }
}