.content-service{
          padding: 3% 5%;
          margin-bottom: 0%;
          background-color: #212121;
          position: relative;
        }
        .content-service h2{
          margin: 2% 0% 3%;
          text-align: center;
          color: #eee;
          font-family: 'Roboto', sans-serif;
          letter-spacing: 0.5px;
        }
        .content-service h2>hr{
        }
        .content-service ul{
          display: flex;
          flex-wrap: wrap;
          padding: 0%;
        }
        .content-service li{
          list-style: none;
          width: 30%;
          padding: 0% 3% 0% 0%;
          border: 1px solid #eee;
          margin: 1% auto;
          display: flex;
          align-items: center;
          border-radius: 4px;
          transition: 0.5s;
        }
        .content-service li:hover{
          transition: 0.3s;
          transform: scale(1.03); 
        }

        .content-service p{
          font-size: 16px;
          color: #eee;
        }
        .content-service img{
          width: 30%;
          position: relative;
          float: left;
          padding: 5.5%;
          margin: 2% 4% 2% 2%;
        }

    @media(max-width: 990px){
        .content-service h2 {
         margin: 5% 0% 10%;
        font-size: 25px;
        }
        .content-service {
        padding: 7% 5%;
        margin-bottom: 4%;
      }
    }