/* Custom site overrides */

.diagram-aside {
  float: right;
  width: min(40vw, 320px);
  min-width: 200px;
  margin: 0 0 1.5rem 1.5rem;
}

.diagram-aside img {
  display: block;
  width: 100%;
  height: auto;
}

.md-typeset figure.diagram-aside {
  display: block !important;
  float: right !important;
  width: min(40vw, 320px) !important;
  margin: 0 0 1.5rem 1.5rem !important;
}

@media (max-width: 500px) {
  .diagram-aside,
  .md-typeset figure.diagram-aside {
    float: none !important;
    width: 100% !important;
    margin: 0 0 1.5rem !important;
    clear: both !important;
  }
}