@media screen {
  /* IE7 needs !important */

  body  {
    background-color:#ffffff !important;
  }

  /* 1) Size + spacing (desktop + mobile) */
header img[src$=".jpg"],
header img[src*=".jpg"]{
  max-width: 500px !important;   /* adjust */
  height: auto !important;
  margin-bottom: 16px !important;
}

/* 2) Mobile: override "hidden" / "d-none" behaviors that are hiding it */
@media (max-width: 600px){

  /* Keep common logo containers visible */
  header .logo,
  header .brand,
  header .navbar-brand,
  header [class*="logo"],
  header [class*="brand"]{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    /* prevent collapsing wrappers */
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Keep the JPG itself visible */
  header img[src$=".jpg"],
  header img[src*=".jpg"]{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    max-width: 400px !important; /* smaller on mobile */
    height: auto !important;
  }

  /* If a utility class is hiding it, override those too (scoped to header) */
  header .hidden,
  header [class*="hidden-"],
  header .d-none{
    display: block !important;
  }
}


  h1,
  h2,
  h3,
  .sa-form-title,
  .sa-form-nav-page-name,
  .sa-form-nav-pages-current i.fa-circle,
  .sa-form-field[data-flavor='section'],
  .sa-form-field[data-flavor='subsection']
  {
    color: #;
  }

  section h2:first-of-type {
    border-bottom-color: #;
  }

  #content-body {
    border-top-color: #
  }

  .notification-alert {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .notification-alert .notification-icon > i {
    color: #;
  }

  .summary-communication > .notification-icon > .fa-bullhorn {
    color: #;
  }

  li.page-item.active > a.page-link {
    background-color: #
  }

  ul.header-actions > li > a > .header-action-label {
    color: #
  }

  .student-summary-action-link {
    color: #
  }

  button.btn-primary {
    background-color: #
  }

  .ap-installment-list.table {
    .ap-installment-contact-highlight {
      background-color: #117A8D
    }
  }
}