/* main.css */
@media (min-width: 1200px) {
  .custom-col-5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .custom-col-5 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .custom-col-5 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}

@media (max-width: 767.98px) {
  .custom-col-5 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 480px) {
  .custom-col-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}


.card-title {
font-size: 1.1rem;
min-height: 3em;
}

body {
padding-top: 4.5rem;
}