/* MEDIA QUERIES */

/* 
********************************
TABLET: 768px x 1024px
********************************
*/

@media (max-width: 48em) {
  .card {
    min-width: 38.5rem;
  }
}

/* 
********************************
MOBILE: 500px
********************************
*/
@media (max-width: 31.25em) {
  .container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
  }

  .card {
    min-width: 23.44rem;
    padding: 0;
    border-radius: 0;
    margin-bottom: var(--sp-40px);
  }

  .card__image {
    min-width: 100%;
    border-radius: 0;
    padding: 0;
  }

  .card__body {
    padding: 0 var(--sp-32px) var(--sp-40px) var(--sp-32px);
  }

  .card__section:last-child {
    margin-bottom: 0;
  }
}