@media screen and (max-width: 599px) {
    .hide-xs {
      display: none !important;
    }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
    .hide-sm {
        display: none !important;
    }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
    .hide-md {
        display: none !important;
    }
}
@media screen and (min-width: 1200px) {
    .hide-lg {
        display: none !important;
    }
}


@media screen and (min-width: 52rem) {
  .grid {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid > .column {
    grid-column: span var(--columns);
  }
}

@media screen and (min-width: 60rem) {
  body {
    --padding: 1.5rem;
  }
}

@media screen and (max-width: 59rem) {
  html {
    padding-left: 0;
    padding-right: 0;
  }
  .text h2,
  .h2 {
    color: var(--color-black);
    /* margin-right: 5%; */
  }
    .smallgrid {
      grid-gap: 0rem;
    }
}

@media print {
    a[href]:after {
        content: none;
    }
    .hide-pr {
        display: none !important;
    }
}