.card-columns {
   column-count: 3;
}

.card-deck .card {
  min-width: 28%;
  margin: 5px;
}

@media (max-width: 768px) {
  .card-columns {
    column-count: 2;
 }

 .card-deck .card {
   min-width: 48%;
   margin: 5px;
 } 
}

@media (max-width: 480px) {
  .card-columns {
    column-count: 1;
 }

 .card-deck .card {
   min-width: 95%;
   margin: 5px;
 }
}

.card .colored {
  background-color: rgb(235, 235, 240);
}

.card-title {
  font-size: 15pt;
}

.card-text {
  text-align: center;
}

.card img {
  height: 200px;
  width: 100%;
  object-fit: cover;
  box-shadow: 0px 3px 5px #aaa;
}

.pos-top {
  object-position: top;
}

.pos-bottom {
  object-position: bottom;
}

.pos-center {
  object-position: center;
}

.card h4 {
  text-align: center;
  color: #002366;
  font-weight: 600;
}