/* Custom overrides for the static patricia-riekel.de build.
   Loaded after the theme CSS, so these win (plus !important for safety). */

/* Mobile: stop right/left-floated figures from crushing the text column.
   On phones, stack the image full-width above the text instead of floating. */
@media (max-width: 767px) {
  figure.align-right,
  figure.align-left {
    float: none !important;
    clear: both !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 0 20px 0 !important;
  }
  figure.align-right img,
  figure.align-left img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }
}