/* center card*/

.card {
    width: 90%;
    margin:0px auto;
    
    background-color:white;
    box-shadow: 0px 5px 20px #555;
  }
  
  .card a {
     color: #333;
      text-decoration:none;
  }
     
  
  
  .card-image {
  
    height: 197px;
    
    position:relative;
    overflow:hidden;
  }
  
  .card-image img {
      width: 100%;
      
      position:absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      
      transition-property: filter width;
      transition-duration: .3s; 
    }

  .step4 .card-image {
    height: 220px;
  }
  /*.step5 .card-image {
    height: 406px;
  }*/
  
  .card-body {
    min-height: 250px;
    text-align:center; 
    padding: 15px 20px; 
    box-sizing: border-box;
  }
  
  .card-date, .card-title, .card-exceprt{
    font-family: monospace;
  }
  
  .card-excerpt {
      font-family: monospace;
  }
  
  
  .card-date, .card-title {
    text-align:center;
    text-transform:uppercase;
    font-weight: bold;
  }
  
  .card-date, .card-excerpt {
    color: #777;
  }