[data-shared-background] {
	background: #8E44AD;
	display: flex;
	justify-content: center;
	align-items: stretch;
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
	flex-flow: row wrap;
	position: relative;
}

[data-shared-background] .panel {
	flex:1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	box-sizing: border-box;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
}

[data-shared-background] .large {
	flex:2;
}

[data-shared-background].simple {
	padding: 25px;
}

[data-shared-background].simple .panel {
	min-width: 100px;
	height: 200px;
	border: 2px solid #fafafa;
	margin: 5px;
}

[data-shared-background].simple p {
	background-color: #fafafa;
	padding: 10px 20px;
	margin: 0;
}

@media screen and (min-width: 916px) {
	[data-shared-background].simple .panel:nth-of-type(1),
	[data-shared-background].simple .panel:nth-of-type(4) {
		margin-top: 25px;
	}
	[data-shared-background].simple .panel:nth-of-type(2) {
		margin-top: -50px;
		height: 300px;
	}
	[data-shared-background].simple .large {
		min-width: 400px;
	}
}