/* Click X Section (Homepage) Styles */

/* Logo Container */
.clickx-logo-container {
  max-width: 145px !important;
  height: 35px !important;
  width: 100% !important;
}

@media (min-width: 1024px) {
  .clickx-logo-container {
    max-width: 200px !important;
    height: auto !important;
    width: 100% !important;
  }
}

/* Logo Image */
div.mb-3 img,
div.mb-4 img {
  max-width: 100% !important;
  height: auto !important;
}

@media (min-width: 1024px) {
  div.mb-3 img,
  div.mb-4 img {
    max-width: 100% !important;
  }
}

.clickx-image-wrapper {
  padding: 1rem;
}

.clickx-image-wrapper img {
  max-width: 340px !important;
  height: auto !important;
}

@media (min-width: 1024px) {
  .clickx-image-wrapper {
    padding: 2rem;
  }

  .clickx-image-wrapper img {
    max-width: 480px !important;
    height: auto !important;
  }
}

/* Title size */
@media (min-width: 1024px) {
  .clickx-title {
    font-size: 2rem !important;
  }
}

/* Bullet text size */
@media (min-width: 1024px) {
  .clickx-bullet-text {
    font-size: 1.5rem !important;
  }
}

/* Button order: above bullets on mobile, below on desktop */
.clickx-btn {
  order: 1;
}

.clickx-bullets {
  order: 2;
}

@media (min-width: 1024px) {
  .clickx-btn {
    order: 2;
    margin-bottom: 0 !important;
  }

  .clickx-bullets {
    order: 1;
    margin-bottom: 3rem !important;
  }
}