.experiences-intro {
  .card {
    display: flex;
    flex-direction: column;
    height: 100%;
    p {
      flex: 1 0 auto;
      font-size: var(--text-base);
      padding: 2rem;
      color: var(--color-white);
      background-color: var(--color-antiqueruby);
      margin-bottom: 0;
    }
  }
}

.experiences-discover {
  .vertical-line {
    display: inline-flex;
    height: 4rem;
    border-left: 1px solid var(--color-antiqueruby);
  }
	.wine-row {
		display: flex;
		flex-wrap: wrap;

		.text-col {
			h3 {
				text-align: center;
				margin: 0.5em 0;
			}
			p {
				text-wrap: pretty;
			}
		}

		@media (width >= 48rem) {
			.text-col {
				margin-top: 18%;

				h3 {
					margin-top: 0;
				}

				&.text-col-left {
					text-align: end;

					h3 {
						position: relative;
						text-align: right;
						z-index: 1;
					}
				}

				&.text-col-right {
					h3 {
						text-align: left;
					}
				}
			}
		}
	}
}