.c-claim__container {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.c-claim{
	display: grid;
	grid-template-columns: 1fr;
	justify-items: center;
}

.c-claim__portrait {
	padding: var(--space-s) 0;
	grid-row-start: 2;
	grid-row-end: 2;

	& picture {
		display: inline-block;
	}

	& source,
	& img {
		border-radius: 50%;
		width: 300px;
		height: 300px;
		width:100%;
		max-width: 80vw;
		height: auto;
		margin-inline: auto;
	}
}

.c-claim__headings {
	padding: var(--space-s) 0;
	grid-row-start: 1;
	grid-row-end: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	text-align: center;

	& p,
	& h1,
	& h2 {
		margin: 0.25em 0;
		line-height: 1.25;
	}
}
.c-claim__text {
	padding: var(--space-s) 0;
	grid-row-start: 3;
	grid-row-end: 3;
}
.c-claim__buttons {
	padding: var(--space-s) 0;
	grid-row-start: 4;
	grid-row-end: 4;
}

@container l-container (min-width:380px) {

	.c-claim{
		grid-template-columns: 1fr 1fr;
	}

	.c-claim__portrait {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: var(--space-s);
		grid-column-start: 1;
		grid-column-end: 1;
		grid-row-start: 1;
		grid-row-end: 1;
	}

	.c-claim__headings {
		padding: var(--space-s);
		grid-column-start: 2;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 1;
		justify-content: center;
	}

	.c-claim__text {
		padding: var(--space-s);
		grid-column-start: 1;
		grid-column-end: end;
		grid-row-start: 2;
		grid-row-end: 2;
	}

	.c-claim__buttons {
		grid-column-start: 1;
		grid-column-end: end;
		grid-row-start: 3;
		grid-row-end: 3;
	}
}


@container l-container (min-width:500px) {

	.c-claim__portrait {
		grid-column-start: 1;
		grid-column-end: 1;
		grid-row-start: 1;
		grid-row-end: span 2;

		img {
			width: 506px;
			height: 506px;
			max-width: 40vw;
			max-height: 40vw;
		}
	}

	.c-claim__headings {
		grid-column-start: 2;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 1;
		text-align: left;
	}

	.c-claim__text {
		grid-column-start: 2;
		grid-column-end: 2;
		grid-row-start: 2;
		grid-row-end: 2;
	}

	.c-claim__buttons {
		grid-column-start: 1;
		grid-column-end: end;
		grid-row-start: 3;
		grid-row-end: 3;
	}
}


@container l-container (min-width:1000px) {


	.c-claim__buttons {
		grid-column-start: 1;
		grid-column-end: end;
		grid-row-start: 3;
		grid-row-end: 3;

		&.l-cols {
			grid-template-columns: 1fr 1fr 1fr 1fr;
		}
	}
}