.card-container{
 display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.card{
/*   display:inline-block; */
  width:calc(33.3% - 25px);
  margin:10px;
/*   height:420px; */
  font-family:raleway;
   text-align:center;
  box-shadow:2px 2px 4px 2px rgba(0,0,0,0.2) 
}
.card h4 {
  margin:0;
  font-weight:700;
  font-size:20px;
color:white;
  background-color: #009444;
  height:75px;
      padding: 25px;
  
}
.card a,
.card .button-container span {
  margin:20px auto;
  background-color:#004419;
  color:#fff;
  padding:10px 30px;
  font-weight:700; display:inline-block;
}
.card-content{
padding:30px!important;
}
.button-container{
  padding:15px 0 20px 0;
}

@media (max-width: 1200px){
  .card{
    width:45%;
  }
  
  @media (max-width: 991px){
  .card{
    width:100%;
  }
    @media (max-width: 391px){
  .button-container{
    width:100%;
  }