section
{
position: relative;
height: 100vh;
width: 100%;
}
.di, .dp
{
position: relative;
float: left;
width: calc(100%/3.5);
margin: 2vh 2vw;
height: 150vh;
border: solid black 3px;
overflow: hidden;
border-radius: 15px;
}
	.di div:nth-child(1), .dp div:nth-child(3)
	{
	position: relative;
	width: 100%;
	height: 40%;
	}
		.di div:nth-child(1) img, .dp div:nth-child(3) img
		{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: 90%;
		border-radius: 15px;
		}
	.di div:nth-child(2), .dp div:nth-child(1)
	{
	position: relative;
	width: 100%;
	height: 15%;
	}
		.di div:nth-child(2) img, .dp div:nth-child(1) img
		{
		position: relative;
		height: 90%;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		}
	.di div:nth-child(3), .dp div:nth-child(2)
	{
	position: relative;
	width: 100%;
	height: 45%;
	}
		.di div:nth-child(3) p, .dp div:nth-child(2) p
		{
		position: relative;
		margin: 2vh 2vw;
		font-size: 25px;
		}
		.di div:nth-child(3) strong, .dp div:nth-child(2) strong
		{
		font-size: 30px;
		}
@media screen and (max-width: 900px)
{
.di, .dp
{
width: calc(100%/2.2);
height: 150vh;
}
}
@media screen and (max-width: 700px)
{
.di, .dp
{
width: 96%;
height: 160vh;
}
}