@media (max-width: 50rem) {
  .site-header--front-page .site-header__logo {
	display: none;
  }
  .ticket__card {
	--background-color: var(--color-white);
	--border-radius: var(--border-radius-regular);
	--box-shadow: var(--shadow-floating-large);
	--padding: 8px 0.8rem;
	grid-template-columns: auto 6.3rem;
	grid-column-gap: 1.1rem;

	margin: 0.8rem auto;
	border: 1px solid var(--color-secondary);

	grid-template-areas:
	  "title price"
	  "pros price"
	  "pros button"
  }

	.ticket__card::after {
	  content: "";
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: calc(
		6.3rem + 0.8rem + 9px
	  ); /* Column width + padding + half of column gap */
	  background-color: var(--color-primary);
	  z-index: -1;
	  height: 100%;
	  border-radius: 0 7px 7px 0px;
	}
  .ticket__button {
	padding: 8px 0.8rem;
  }

  .ticket__title {
	--font-size: 1.1rem;
	--text-align: left;
  }
    .testimonial__img {
        margin: auto;
		max-width: 100px;
    }
}