.max-height-150 {
  max-height: 150px;
}

.max-height-100 {
  max-height: 100px;
}

@media (min-width: 1024px) {
  .casestudy {
    margin: 0px 0px -250%;
    max-width: none;
  }

  .max-height-150 {
    max-height: 150px;
  }

  .max-height-100 {
    max-height: 100px;
  }
}

#website55 {
  display: none;
}

/* Slides centers each slide via a CSS table (.container{display:table; table-layout:fixed}
   wrapping a single .wrap{display:table-cell}). When a browser extension (e.g. Grammarly)
   injects a stray node into .container, the browser fixes up the table with a phantom second
   cell; under table-layout:fixed the row width is split, so .wrap stops spanning the row and
   its centered content shifts left. Pinning the real cell to the full table width keeps it
   spanning everything (any phantom cell collapses to 0), making the layout immune to injected
   siblings - no !important, nothing hidden, Grammarly stays fully functional. */
.container > .wrap {
  width: 100%;
}

/* The submit-status line sits inside .slides-form, which sets font-size:0 to collapse
   inline-block whitespace - so give it a real size or the confirmation renders invisibly.
   Colour comes from the theme's .text-green / .text-red, toggled by the form handler. */
#form-result {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}