.vd-grid-row{
  display: flex;
  flex-wrap: wrap;
}
.vd-grid-col-1 {
  width: 100%;
}

.vd-grid-col-2 {
  width: 100%;
}

.vd-grid-col-3{
  width: 100%;
}
.vd-grid-article{
  margin-bottom: 20px;
}

.vd-grid-article a{
  display: block;
  text-decoration: none;
}

.vd-grid-article a img {
  width: 70%;
  display: block;
  margin: 0 auto 10px;
}

.vd-grid-article div{
  padding: 25px;
  background: #f0f0f0;
}

.vd-align-bottom{
  border: none;
  background: none;
  border-bottom: 2px solid #ff8301;
  font-family: 'Amira';
  color: #1f365c;
}

.grid-gray{
  color:#8c95a2;
}

@media (min-width: 768px){

  .vd-grid-col-2 {
      width: 50%;
    }

  .vd-grid-col-3 {
    width: 50%;
  }

  .vd-grid-col-4 {
    width: 50%;
  }

  .vd-grid-article {
    margin-left: 10px;
    margin-right: 10px;
  }

  /* .vd-grid-col-2 .vd-grid-article div,
  .vd-grid-col-3 .vd-grid-article div,
  .vd-grid-col-4 .vd-grid-article div {
    height: 255px;
  } */
}

@media (min-width: 1024px) {
  .vd-grid-col-3 {
    width: 33.3%;
  }

  .vd-grid-col-4 {
    width: 33.3%;
  }
}

@media (min-width: 1200px) {
  .vd-grid-col-4 {
    width: 25%;
  }
}