.paragraph--type--card {
  margin: auto;
  max-width: 45em;
}
.paragraph--type--card .field--name-field-card-content {
    border: 1px solid #888;
    border-color: rgba(0,0,0,.5);
    background: rgba(255,255,255,.9);
    margin: .5em;
    padding: .5em;
    border-radius: 5px;
    color: #333;
}
.display-mode-center .field--name-field-card-content {
    max-width: 25em;
}
.paragraph--type--media {
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
}
.field--name-field-breakout-content .paragraph--type--media,
.field--name-field-breakout-content .paragraph--type--text,
.field--name-field-breakout-content .paragraph--type--heading {
    //margin-left: auto;
    //margin-right: auto;
    //background: black;
    //background: rgba(0,0,0,.8);
}
.field--name-field-breakout-content .paragraph--type--card .paragraph--type--media,
.field--name-field-breakout-content .paragraph--type--card .paragraph--type--text,
.field--name-field-breakout-content .paragraph--type--card .paragraph--type--heading {
    //color: black;
    //background: white;
}
.field--name-field-breakout-content .paragraph--type--media>*,
.field--name-field-breakout-content .paragraph--type--text>*,
.field--name-field-breakout-content .paragraph--type--heading>* {
    //padding: .5em;
}


@media (min-width: 992px){
  .paragraph--type--double {
    padding: .5em;
  }
  dis.field--name-field-double-content-primary {
    max-width: 30em;
    margin-left: 0;
    margin-right: auto;
  }
  dis.field--name-field-double-content-secondary {
    max-width: 30em;
    margin-right: 0;
    margin-left: auto;
  }
}