.SDblock.about.whatWeDo
{
	background-color: gray;
	max-width: none;
	margin-left: 0;
	margin-top: calc(var(--defaultInterval)*1);
	margin-bottom: calc(var(--defaultInterval)*1);
	padding-top: calc(var(--defaultInterval)*1);
	padding-top: calc(var(--defaultInterval)*1);
	padding-bottom: calc(var(--defaultInterval)*1);
	position: relative;
}
#SD.launch #whatWeDo.whatWeDo
{
	transition: all 2000ms;
}
.SDblock.about .category
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: calc(var(--defaultInterval)*1);
	margin-bottom: calc(var(--defaultInterval)*2);
	grid-template-areas: "image text";
	max-width:var(--maxWidth);
	margin-left: auto;
	margin-right: auto;
}
.SDblock.about .category:last-child
{
	margin-bottom: 0px;
}
.SDblock.about.whatWeDo .category .image
{
	grid-area: image;
	background-position: center;
	background-size: cover;
}
.SDblock.about.whatWeDo .category .text
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0 calc(var(--defaultInterval)*1);
	grid-template-areas: "title title" "body services" "examples examples";
}
.SDblock.about.whatWeDo .text h3
{
	grid-area: title;
}
.SDblock.about .category .services
{
	grid-area: services;
}
.SDblock.about .category .examples
{
	grid-area: examples;
}
.SDblock.about .category .body
{
	grid-area: body;
}
.SDblock.about.whatWeDo.observed
{
}
@media only screen and (max-width: 900px)
{
	.SDblock.about .category
	{
		display: grid;
		grid-template-columns: 1fr;
		grid-template-areas: "image" "body";
	}
	.SDblock.about .category .image
	{
		min-height:max(200px,40vw);
	}
	.SDblock.about.whatWeDo .category .text
	{
		grid-template-areas: "title title" "body body" "services services" "examples examples";
	}
}