/*
  Small, page-safe overrides loaded after style.min.css/index.min.css.
  Goal:
  - Below 1580px (but not mobile), keep the image column visible by giving it width.
  - On mobile, hide the picture to save space.
*/

@media (max-width: 1580px) and (min-width: 768px) {
  .fullrow-element--image .main-wrapper {
    flex: 0 0 55% !important;
    max-width: 55% !important;
  }

  .fullrow-element--image .image {
    flex: 0 0 45% !important;
    max-width: 45% !important;
  }
}

@media (max-width: 767px) {
  .fullrow-element--image .image {
    display: none !important;
  }

  .fullrow-element--image .main-wrapper {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}