.region-mat-card {
  padding: 0;
  display: flex;
  flex-direction: column;

  > .region-img {
    flex: 0 0 auto;
    width: 100%;
    height: 15rem;
    object-fit: cover;
  }

  > .region-footer {
    display: flex;
    flex-direction: row;

    > .region-title {
      flex: 1 1 auto;
      display: flex;
      flex-direction: row;
      margin: 0.25rem 0;

      > .region-country {
        text-transform: uppercase;
        font-size: small;
        align-self: center;
      }

      > .region-name {
        font-weight: bold;
        font-size: large;
        align-self: center;
        margin-right: 0.25rem;
      }
    }


  }
}