.wrapper > .flex-row .left {
	width: 40%;
}

.left img {
	width: 100%;
	display: block;
}

.programme.wrapper {
	margin-top: 3rem;
}

.programmes.container > .flex-col {
	gap: 2rem;
}

.programme.wrapper:last-of-type {
	margin-bottom: 3rem;
}

.wrapper > .flex-row .right {
	padding: 2vw;
	background: var(--bgGrey);
	width: 70%;
}

.wrapper > .flex-row .right .head {
	line-height: 1;
}

.wrapper > .flex-row .right > .flex-col {
	height: 100%;
	gap: 2rem;
}

.head > span {
	margin-top: 0.5rem;
	display: block;
}

.right h2 {
	font-size: var(--fontSizeMedium);
	letter-spacing: 0.5px;
}

.right h3 {
	font-weight: 500;
}

.right p {
	max-width: max(40vw, 600px);
}

/* UH */

.wrapper.uh {
}

.wrapper.uh .right.flex-col {
	padding: 3vw;
	background: var(--bgGrey);
	gap: 2rem;
}

.wrapper.uh .right.flex-col p {
	max-width: unset;
}

@media only screen and (min-width: 300px) and (max-width: 910px) {
	.programme.wrapper > .flex-row {
		flex-direction: column;
	}

	.wrapper > .flex-row .left {
		width: 100%;
	}

	.wrapper > .flex-row .right {
		padding: 2rem 1rem;
		width: 100%;
	}
}