@media (max-width: 600px) {
  .gridder .gridder-list {
    width: 49%;
  }
  .gridder .gridder-list .gridder-fields {
    width: 96%;
  }
}
@media (max-width: 420px) {
  .view-school-grid .view-header h3 {
    font-size: 1.1em;
    line-height: 1.5em;
    padding: 0 .5rem;
  }
}

@media (max-width: 768px) {
.ui-accordion.ui-widget .ui-accordion-header a {
  font-size: 1.4rem;
  color: #fff;
  font-family: 'brandon_grotesqueblack', Helvetica, Arial, sans-serif;
  line-height: 1.2em;
}
.ui-accordion.ui-widget .ui-accordion-header:before {
  font-size: 2.2rem;
  color: #fff;
  font-family: 'brandon_grotesqueblack', Helvetica, Arial, sans-serif;
  line-height: 1.5em;
}
}

#ui-datepicker-div {
  z-index: 2 !important;
}
.ui-datepicker .ui-datepicker-title {
  white-space: nowrap;
  margin: 0 2.3em 0 1.9em;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  float: none !important;
  margin: 1px 2px;
  padding-right: 15px;
}