.paragraph-card-layout {
  display: inline-block;
  width: 93vw;
} 
@media screen and (min-width: 640px) {
.paragraph-card-layout {
  width: 100%;
  min-width: 60vw;
} 
}
@media screen and (min-width: 710px) {
.paragraph-card-layout {
  width: 100%;
  min-width: 50vw;
} 
}
@media screen and (min-width: 1500px) {
.paragraph-card-layout {
  width: 100%;
  min-width: 700px;
} 
}
.paragraph-card-photo {
  float: left;
  padding: 0 2em 1em 0;
}
.paragraph-title {
  margin: .5em 0;
}
.paragraph--type--info-box .field--name-field-info {
    width: 95%;
    border: 1px;
    border-color: black;
    background: #dadfe1;
    padding: 0 .5em;
    margin-left: 1em;
}
@media screen and (min-width: 700px) {
.paragraph--type--info-box .field--name-field-info {
    float: right;
    width: 40%;
    border: 1px;
    border-color: black;
    background: #dadfe1;
    padding: 0 .5em;
    margin-left: 1em;
}
}
{codecitation}.field--name-field-caption {   
  font-weight: bold;   
  /*text-align: center; */
  width: 40vw;
  margin-left: auto;
  margin-right: auto;
}{codecitation}

.paragraph-media-image-left {
  float:left;
  margin-right: 1em;
}
.paragraph-media-image-right {
  float:right;
  margin-left: 1em;
}
.paragraph-media-image-center {
  float: none; 
  text-align: center;
}
.ui-widget {
  font-family: "Red Hat Text",Arial,Helvetica,sans-serif;
}

.flexbox-nav-block {
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.flexbox-nav-block > .field__item {
  padding: 0 1.5rem 2rem 1.5rem;
}
.flexbox-nav-block > .field__item img {
  display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
.nav-block-link-title {
  text-align: center;
  font-size: 1.5rem;
}