.card-mobile {
  width: 33.33%;
  margin-right: 1rem;
  margin-left: 1rem;
}

@media screen and (max-width: 992px) {
  .card-mobile {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

.flex-screen-dependent {
  display: flex;
  flex-direction: row;
}

@media screen and (max-width: 992px) {
  .flex-screen-dependent {
    flex-direction: column;
  }
}

.card-footer-no-style {
  border: none;
  background-color: inherit;
}

.subtext-screen-dependent {
  width: 90%;
}

@media screen and (max-width: 992px) {
  .subtext-screen-dependent {
    width: 100%;
  }
}