.optional-extras-wrapper {
	width: 100%;
	position: relative;
	padding:90px 6%;
	display: flex;
	justify-content: center;
}

.optional-extras-wrapper .max-width {
	max-width: 1024px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.optional-extra {
	width: 48%;
	margin: 1%;
	position: relative;
	padding: 30px;
	background:var(--dark-grey-color);
	border-radius: 5px;
	align-self: stretch;
}

.optional-extra h2 {
	color: #fff;
	margin: 0 0 5px;
}

.optional-extra h2:last-of-type {
	margin: 0 0 15px;
}

.optional-extra p {
	color: #fff;
	margin: 0;
}

@media only screen and (max-width: 850px){
	.optional-extra {
		width: 88%;
		margin: 0 0 15px 0;
	}
}

@media only screen and (max-width: 380px){
	.optional-extra h2 {
		font-size: 1.2em;
		word-break: break-word;
		word-wrap:wrap;
	}
}