/* ============================================================
   SERVICES RESPONSIVE
============================================================ */

/* 1100px */
@media (max-width: 1100px) {
  .services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* 900px */
@media (max-width: 900px) {
  #section-services {
    padding: 40px 5%;
  }

  .services__grid {
    grid-template-columns: 1fr;
  }

  .content-section--services .content-section__label03 {
    padding: 6px 16px;
    font-size: 0.72rem;
  }
}

/* 480px - stop background animation that causes scroll flicker on mobile */
@media (max-width: 480px) {
  #section-services {
    animation: none !important;
  }
}