@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,100,900);
.card {
    display: block; 
      margin-bottom: 20px;
      line-height: 1.42857143;
      background-color: #fff; 
      box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 
      transition: box-shadow .25s;
      padding: 0px; text-align: center; background-color: #f8f8f8; margin-top: 20px; 
  }
  .card:hover {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  }
  .card-body {
    padding: 10px; text-align: center; background-color: #f8f8f8; margin-top: 20px; 
  }
  .cardh{ font-family: 'Roboto', Courier, monospace;
font-size: 22px;
font-weight: 900;}
.card-read-more {
    border-top: 1px solid #D4D4D4;
  }
  .card-read-more a {
    text-decoration: none !important;
    padding:10px;
    font-weight:600;
    text-transform: uppercase
  }