/* This rule applies ONLY when the screen is 767px wide or less */
@media (max-width: 767px) {
  .hide_on_mobile {
    display: none !important;
  }
}

/* This rule applies ONLY when the screen is 768px wide or more */
@media (min-width: 768px) {
  .hide_on_desktop {
    display: none !important;
  }
}


/* ======= Margin that is only applied on desktop; This brings the element closer to the center =======  */

@media (min-width: 768px) {
  .ResponsiveMargins_desktop {
    margin-left: 33dvw; 
    max-width:70ch;
  }
}

@media (max-width: 768px) {
  .ResponsiveMargins_mobile {
    padding: 1rem;
  }
}