h1{
    font-size: 1.5em !important;
    color: #009688;
    margin: 30px !important;
}
@media screen and (min-width: 1100px), print {
    .content {
      height: 100%;
    }
  }
  
  .content-inner {
    padding: 1em 1em 1.5em;
  }
  
  @media screen and (min-width: 1600px), print {
    .content-inner {
      padding: 2em 2.5em;
    }
  }
  
  .content-head {
    position: relative;
  }
  
  .content-body {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px dotted #ccc;
  }
  
  .content-title {
    padding: .5em 0;
    font-size: 1.4em;
    line-height: 1.3;
  }
  .client-metadata {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 3px solid #aa0000;
  }
  
  .client-metadata .metadata-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 -.2em -.2em 0;
  }
  
  .client-metadata .metadata-item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0 .2em .2em 0;
  }
  
  @media screen and (min-width: 1280px), print {
    .client-metadata .metadata-item {
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      max-width: 50%;
    }
  }
  .client-description {
    line-height: 2;
  }
  .pre{
      white-space: pre-wrap;
  }
  .content-footer{
      text-align: center;
  }
  .caution{
    color: #009688;
    margin: 15px 0;
  }