.services.r1c2-detail {
  margin-top: max(3.5vw, 65px); /* felsorolĂĄs blokk miatt*/
  margin-left: max(-7vw, -130px);
  margin-bottom: max(-7vw, -130px) !important;
  margin-right: max(-7vw,-130px);
  padding: min(7vw,130px);
  background-color: #DCDCDC;
  padding: 3.5% 7% 7% 7%;
}

.services.r1c2-detail .title {
  font-size: var(--clFontSizeLarge);
  text-align: center;
}

.services.r1c2-detail .service {
  background: white;
  border-radius: 7px;
  max-width: 500px;
  
}

.services.r1c2-detail .service .service-title {
  margin: 0 0 3.5% 0;
}

.services.r1c2-detail .service-1 {
  margin-right: 1.5%;
  margin-left: auto;
}

.services.r1c2-detail .service-2 {
  margin-left: 1.5%;
  margin-right: auto
}

.services.r1c2-detail .service-link {
  width: fit-content;
  margin: auto;
  margin-top: 6%;
}

.services.r1c2-detail .service-link:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.services.r1c2-detail .service-link img {
  padding-top: 0;
}

.services.r1c2-detail ul {
  padding: 0;
  margin: 0;
}

.services.r1c2-detail ul li {
  list-style-type: none;
}

@media only screen and (max-width: 900px) {
  .services.r1c2-detail .service-image img, .services.r1c2-detail .animate-json.hover {
    height: max(10vw,75px);
  }
  
  .services.r1c2-detail .service-1, .services.r1c2-detail .service-2 {
    margin: 3% auto;
  }
  
  .services.r1c2-detail .title {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 800px) {
  .services.r1c2-detail {
    padding: 7%;
  }
  
  .services.r1c2-detail ul {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  
  .services.r1c2-detail .service {
    margin-left: 12vw;
    margin-right: 12vw;
    margin-bottom: 7vw;
    padding: 7%;
  }
}

@media only screen and (max-width: 600px) {
  .services.r1c2-detail {
    margin-top: 0;
  }
  
  .services.r1c2-detail {
    padding: 7% 2%;
  }
  
  .services.r1c2-detail .service {
    margin-left: 7vw;
    margin-right: 7vw;
  }
}