.infobox-new{
    border: 1px solid #D3D3D3;
    padding: 12px;
    float: left;
    margin: 20px;
}
.card-wrapper{
    position: relative;
    margin-top: 30px;
    margin-top: 70px;
  }

  .card-body{
    /* background-color: #e1e8fb; */
    border-bottom-left-radius: 10px;
    border-bottom-right-radius : 10px;
    min-height: 140px;
    padding: 20px ;
  }

  .icon-header{
    background-color: #3779B3;
    border-top-left-radius: 10px;
    border-top-right-radius : 10px;
    text-align: center;
    height: 60px;
  }
  .icon-header .icon{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 5px solid #e3d17b;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
    background-color: #fff;
    margin-top: -35px;
  margin-left: 40%
  }

  .row.intro{
    background-size: contain;
    background-repeat: no-repeat;
      display: table;
      width: 100%;
  margin-right:15px;
  }
  @media (min-width: 960px){
  .row.intro{
    background-image: url(https://dpcpsi.nih.gov/sites/default/files/intro-bg1.jpg);
  }
  }

  .intro-text{
    background-color:#F3ECC7;
    padding: 20px;
    color: #000;
    line-height: 2;

  }
  .intro-text p{
    font-weight:600;
  }
  .card-body h3{
    color: #000;
    text-align: center;
  }
  .row.cards {
      margin-left: -30px;
      margin-right: 0;
  }

  h2 {
    color:#946c3b;
    border:none;
    }
    ul.nobullets {
    list-style:none;
    }
    .underline {text-decoration:underline;}
    .submenu a {
    display:block;
    padding:.25em 0;
    font-size:1.1em;
    }
    input[type="checkbox"] {
        padding: 0;
        margin-left: -20px;
        margin-right: 5px;
    }
    .oepr-main a {color:#0e4071;}
    .reporting .col {text-align:left;}
    .reporting a {margin-left:15px;}
    .oepr_channels img {
        margin:0 auto;
      }
    .oepr_channels a {font-weight:bold;line-height:1.5;color:#0e4071;font-size:20px;display:block;}

    div.oepr_goals {
      margin:0 40px;
      padding:0;
    }

    .oepr-main .teaser-thumbnail {
      width:auto;
      margin-right:2%;
    }
    .oepr-main .teaser p{
      float:left;
    }
    .card-deck {
      display:flex;
      flex-direction:column;
      margin:40px 0;
    }
    .card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        /*border: 1px solid rgba(0,0,0,.125);
        border-radius: .25rem;*/
        margin-bottom:25px;
      }
      .card-body {
        flex: 1 0 auto;
        padding: 1.25rem;
    }
    @media (min-width: 768px){
      .card-deck {
          flex-flow: row wrap;
        /*  margin-right: -15px;
          margin-left: -15px; */
    }
    .card-deck .card {
        display: flex;
        flex: 1 0 340px;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
      }

    }
    .card h2 {
      margin:0;
      padding:0;
      border-bottom:none;
      font-size:20px;
      color:#0e4071;
      font-family:"Droid Sans",Trebuchet MS,Arial,Helvetica,sans-serif;
      font-weight:bold;
      text-decoration:none;
    }
    .card img {max-width:340px;}
    .card a {color:#0e4071;display:block;font-size:16px;font-weight:bold;}
    .card h2 a {font-size:20px;}
    .flex-grid p a {display:inline;margin-left:0px;font-weight:normal;}
    .flex-grid h2 {
      margin:0;
      padding:0;
      border-bottom:none;
      font-size:20px;
      color:#0e4071;
      font-family:"Droid Sans",Trebuchet MS,Arial,Helvetica,sans-serif;
      font-weight:bold;
    }
    .flex-grid a {color:#0e4071;display:block;font-size:16px;font-weight:bold;}
    .flex-grid h2 a {font-size:20px;}
      @media(min-width: 555px) {
    .flex-grid img {max-height:168px;}
    }
    .card.double {
      flex-grow: 2;
    }
    .card-deck.evaluation {
      max-width:900px;
      margin:50px auto;
    }
    .contact-us .card-deck .card {
        flex: 1 0 auto;
        flex-direction: column;
        margin-right: 20px;
        margin-bottom: 40px;
        padding:0px;
        /*background:#eaeaea;
        border-radius: .25rem;*/
      }
    .contact-us .card h3{padding-top:0px;margin-top:0px;}
    .contact-us .card h4{color:#0e4071;font-size:16px;font-weight:bold;margin:0 0 5px 0;padding:0px;}
    .contact-us .card a {font-weight:normal;font-size:14px;}
    .contact-us .card.row {display:flex;flex-direction:column;}
    .contact-us .card.row .col {margin-right:15px;}

    @media (min-width: 768px){
      .contact-us .card-deck .card {
          flex: 1 0 240px;
        }
        .contact-us .card-deck .card.row {
            flex: 1 0 auto;
          }
      .contact-us .card.row {flex-direction:row;}
      .oepr-home .card-deck .card {
          flex: 1 0 180px;
        }
      .oepr-home .card-deck .card img {max-width:180px;}

      .oepr-main .teaser-list .teaser {
        width:100%;
        float:none;
        margin:0 0 15px 0;
      }
    }
    h1.page-title {display:none;}
.oepr-main a {color:#0e4071;}
.reporting .col {text-align:left;}
.reporting a {margin-left:15px;}
.oepr_channels img {
    margin:0 auto;
  }
.oepr_channels a {font-weight:bold;line-height:1.5;color:#0e4071;font-size:20px;display:block;}

div.oepr_goals {
  margin:0 40px;
  padding:0;
}
.oepr-main .teaser-list {
  margin-left:40px;
}
.oepr-main .teaser-list .teaser {
  width:90%;
  float:none;
  margin:0 0 15px 0;
}
.oepr-main .teaser-thumbnail {
  width:auto;
  margin-right:2%;
}
.oepr-main .teaser p{
  float:left;
}
.card-deck {
  display:flex;
  flex-direction:column;
  margin:50px 0;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    /*border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;*/
    margin-bottom:25px;
  }
  .card-body {
    flex: 1 0 auto;
    padding: 1.25rem;
}
@media (min-width: 768px){
  .card-deck {
      flex-flow: row wrap;
    /*  margin-right: -15px;
      margin-left: -15px; */
}
.card-deck .card {
    display: flex;
    flex: 1 0 340px;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }

}
.card h2 {
  margin:0;
  padding:0;
  border-bottom:none;
  font-size:20px;
  color:#0e4071;
  font-family:"Droid Sans",Trebuchet MS,Arial,Helvetica,sans-serif;
  font-weight:bold;
  text-decoration:none;
}
.card img {max-width:340px;}
.card a {color:#0e4071;display:block;font-size:16px;font-weight:bold;}
.card h2 a {font-size:20px;}
.flex-grid p a {display:inline;margin-left:0px;font-weight:normal;}
.flex-grid h2 {
  margin:0;
  padding:0;
  border-bottom:none;
  font-size:20px;
  color:#0e4071;
  font-family:"Droid Sans",Trebuchet MS,Arial,Helvetica,sans-serif;
  font-weight:bold;
}
.flex-grid a {color:#0e4071;display:block;font-size:16px;font-weight:bold;}
.flex-grid h2 a {font-size:20px;}
  @media(min-width: 555px) {
.flex-grid img {max-height:168px;}
}
.card.double {
  flex-grow: 2;
}
.card-deck.evaluation {
  max-width:900px;
  margin:50px auto;
}
.contact-us .card-deck .card {
    flex: 1 0 auto;
    flex-direction: column;
    margin-right: 20px;
    margin-bottom: 40px;
    padding:0px;
    /*background:#eaeaea;
    border-radius: .25rem;*/
  }
.contact-us .card h3{padding-top:0px;margin-top:0px;}
.contact-us .card h4{color:#0e4071;font-size:16px;font-weight:bold;margin:0 0 5px 0;padding:0px;}
.contact-us .card a {font-weight:normal;font-size:14px;}
.contact-us .card.row {display:flex;flex-direction:column;}
.contact-us .card.row .col {margin-right:15px;}

@media (min-width: 768px){
  .contact-us .card-deck .card {
      flex: 1 0 240px;
    }
  .contact-us .card.row {flex-direction:row;}
}
h1.page-title {display:none;}

.card-deck {
  display:flex;
  flex-direction:column;
  margin:40px 0;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    /*border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;*/
    margin-bottom:25px;
  }
  .card-body {
    flex: 1 0 auto;
    padding: 1.25rem;
}
@media (min-width: 768px){
  .card-deck {
      flex-flow: row wrap;
    /*  margin-right: -15px;
      margin-left: -15px; */
}
.card-deck .card {
    display: flex;
    flex: 1 0 340px;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }

}
.card h2 {
  margin:0;
  padding:0;
  border-bottom:none;
  font-size:20px;
  color:#0e4071;
  font-family:"Droid Sans",Trebuchet MS,Arial,Helvetica,sans-serif;
  font-weight:bold;
  text-decoration:none;
}
.card img {max-width:340px;}
.card a {color:#0e4071;display:block;font-size:16px;font-weight:bold;}
.card h2 a {font-size:20px;}

.contact-us .card-deck .card {
    flex: 1 0 auto;
    flex-direction: column;
    margin-right: 20px;
    margin-bottom: 40px;
    padding:0px;
    /*background:#eaeaea;
    border-radius: .25rem;*/
  }
.contact-us .card h3{padding-top:0px;margin-top:0px;}
.contact-us .card h4{color:#0e4071;font-size:16px;font-weight:bold;margin:0 0 5px 0;padding:0px;}
.contact-us .card a {font-weight:normal;font-size:14px;}
.contact-us .card.row {display:flex;flex-direction:column;}
.contact-us .card.row .col {margin-right:15px;}
.contact-us .card .phone a {display:inline-block;}
@media (min-width: 768px){
  .contact-us .card-deck .card {
      flex: 1 0 180px;
      margin-left:0px;
      max-width:190px;
    }
    .contact-us .card-deck .card.row {
        flex: 1 0 auto;
      }
  .contact-us .card.row {flex-direction:row;}
}

.page-title {
  margin-bottom: 0.5em;
  }

  .tagline {
  margin-top: 0px;
  }

  .button.white:visited, .form-button.white:visited, .button-link.white:visited {
      color: #333;
  }

  .button.white:hover, .form-button.white:hover, .button-link.white:hover, .button.white:active, .form-button.white:active, .button-link.white:active{
      color: #fff;
  }

  .button.white, .form-button.white, .button-link.white {
  border: none;
  }

  .nutritionals-block {
  padding: 0 !important;
  background-color: #2b0f77 !important;
  }
  .nutritionals-block h3 {
  display: none;
  }
  .nutritionals-content {
  color: #fff;
  }
  .nutritionals-content img {
  margin: auto;
  width:100%;
  display: block;
  }
  .nutritionals-content p {
  padding: 0.5em 0.75em 0.5em 0.75em;
  }

  p.nutritionals-button, p.director-corner-buttons {
  text-align: center;
  }

  .director-corner {
  border-top: none !important;
  padding: 0.5em 0.75em 0 0.75em !important;
  }

  .director-corner h3 {
  color: #00518F;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  border-bottom: solid 1px #00518F;
  }

  .director-corner img {
  float: left;
  padding: 0 0.5em 0.05em 0;
  }

  .l-region--sidebar-second {
  margin-bottom: 0;
  }

  #tblcaption {
    margin-bottom: 0;
    }

    #tbl1, #tbl2 {
    margin-top: 0;
    }

    @media (min-width:768px) {
    #coltbl1 {
    padding-right: 0;
    }

    #coltbl2 {
    padding-left: 0;
    }
    }