#services {
  > p {
    text-align: justify;
    &.offer {
      margin: 20px 0px 0px 0px;
    }
    > span {
      color: var(--colorGreen);
      font-size: 2.6rem;
      font-weight: bold;
      line-height: 2.6rem;
    }
  }
  > div {
    align-items: center;
    display: flex;
    height: 74px;
    margin: 40px 0px 10px 0px;
    position: relative;
    > div.bar {
      background-color: var(--colorGreen);
      left: 35px;
      height: 4px;
      position: absolute;
      top: 0px;
      width: calc(100% - 32px);
    }
    > div:not(.bar) {
      border: 4px solid var(--colorGreen);
      border-radius: 50% 50% 50% 50%;
      height: 74px;
      margin: 0px 5px 0px 0px;
      padding: 3px 3px 3px 3px;
      > img {
        width: 60px;
      }
    }
  }
  > .list {
    display: flex;
    flex-direction: column;
    margin: 20px 0px 0px 0px;
    @media (max-width: 600px) {
      width: 100%;
    }
    @media (min-width: 601px) and (max-width: 700px) {
      width: 70%;
    }
    @media (min-width: 701px) and (max-width: 800px) {
      width: 60%;
    }
    @media (min-width: 801px) {
      width: 50%;
    }
    > a {
      cursor: pointer;
      font-weight: bold;
      padding: 10px 20px 10px 20px;
      margin: 10px 0px 10px 0px;
      text-decoration: none;
      @media (pointer: fine) {
        border: 1px solid var(--colorBlue);
        &:hover {
          background-color: var(--colorBlue);
          color: white;
        }
      }
      @media (pointer: coarse) {
        box-shadow: 1px 1px 3px var(--colorBlue);
      }
    }
  }
}