@media (min-width: 1000px) and (max-width: 1150px) {
  .section1__usluge__container{
    padding-top: 180px;
  }

  .section2__usluge__container{
    padding: 40px 24px;
  }

  .card-back__sadrzaj{
    width: 280px;
    height: 280px;
  }
}


@media (min-width: 850px) and (max-width: 1000px){
  .section1__usluge__container{
    padding-top: 180px;
  }

  .section2__usluge__container{
    padding: 40px 24px;
  }

  .card-front__usluga{
    font-size: 1.7rem;
  }

  .card-front__desc{
    font-size: 1rem;
  }

  .card-back__sadrzaj{
    width: 250px;
    height: 300px;
  }

  .card-back{
    gap: 20px;
  }
}

@media (min-width: 650px) and (max-width: 850px) {
  .section1__usluge__container{
    padding-top: 180px;
  }

  .section2__usluge__container{
    padding: 40px 24px;
  }

  .card-front__usluga{
    font-size: 1.7rem;
  }

  .card-front__desc{
    font-size: 1rem;
  }

  .div__za__sliku{
    width: 60%;
    height: 100%;
  }

  .card-front__div{
    width: 40%;
  }

  .card-back__sadrzaj{
    width: 250px;
    height: 300px;
  }

  .card-back{
    gap: 20px;
  }
}

@media (min-width: 550px) and (max-width: 650px){
  .section1__usluge{
    height: 300px;
  }

  .section1__usluge__container{
    padding-top: 140px;
  }

  .tekst1__usluge{
    font-size: 50px;
  }

  .section2__usluge__container{
    padding: 40px 24px;
  }

  .card-front__usluga{
    font-size: 1.4rem;
  }

  .card-front__desc{
    font-size: 1rem;
  }

  .div__za__sliku{
    width: 60%;
    height: 100%;
  }

  .card-front__div{
    width: 40%;
  }

  .card-back__sadrzaj{
    width: 270px;
    height: 300px;
  }

  .card-back{
    gap: 20px;
  }

  .card-back__usluga{
    font-size: 1rem;
  }
}

@media (min-width: 450px) and (max-width: 550px){
  .section1__usluge{
    height: 300px;
  }

  .section1__usluge__container{
    padding-top: 140px;
  }

  .tekst1__usluge{
    font-size: 50px;
  }

  .section2__usluge__container{
    padding: 40px 24px;
  }

  .card-front__usluga{
    font-size: 1.4rem;
  }

  .card-front__desc{
    font-size: 1rem;
  }

  .div__za__sliku{
    width: 50%;
    height: 100%;
  }

  .card-front__div{
    width: 50%;
  }

  .card-back__sadrzaj{
    width: 300px;
    height: 320px;
  }

  .card-back{
    gap: 10px;
    padding-left: 13px;
    padding-right: 13px;
  }

  .card-back__usluga{
    font-size: 1rem;
  }
}

@media (min-width: 300px) and (max-width: 450px){

  .card{
    height: 600px;
  }

  .section1__usluge{
    height: 300px;
  }

  .section1__usluge__container{
    padding-top: 140px;
  }

  .tekst1__usluge{
    font-size: 50px;
  }

  .section2__usluge{
    height: 2200px;
  }

  .section2__usluge__container{
    padding: 40px 24px;
  }

  .card-front__usluga{
    font-size: 0.8rem;
  }

  .card-front__desc{
    font-size: .8rem;
  }

  .div__za__sliku{
    width: 60%;
    height: 100%;
  }

  .card-front__div{
    width: 40%;
    padding-bottom: 250px;
  }

  .card-front__ikonice{
    width: 32px;
    height: 32px;
  }

  .card-back{
    gap: 10px;
    flex-direction: column;
    padding: 10px 12px;
  }

  .card-back__sadrzaj{
    width: 80vw;
    height: 180px;
  }

  

  .card-back__usluga{
    font-size: 1rem;
  }
}