body > footer { margin-top: 0; }

#selling-points {
	padding-top: 0;
	margin-bottom: var(--spacing-huge);
	padding-bottom: var(--spacing-large);
}


#selling-points ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: var(--spacing-large);

	max-width: var(--max-width);
	margin-left: auto;
	margin-right: auto;
}
#selling-points li {
	display: block;
	position: relative;
	background: var(--color-dark-grey);
	color: var(--color-background);

	padding: var(--spacing-large);
	padding-bottom: var(--spacing-huge);
}

#selling-points strong {
	display: block;
	font-size: var(--font-size-small);
	font-weight: 600;
	margin-bottom: var(--spacing-medium);
}

#selling-points img {
	position: absolute;
	z-index: 9001;
	left: 50%;
	bottom: 0;
	display: block;
	width: 5rem;
	height: 5rem;
	transform: translate(-50%, 50%);
	background: var(--color-accent);
	padding: var(--spacing-medium);
}

#marketoid {
	background: var(--color-dark-grey);
	color: var(--color-background);
	padding-top: var(--spacing-huge);
	padding-bottom: var(--spacing-huge);
}

#marketoid p { line-height: 1.75; }

#marketoid h2 {
	font-size: 1.75rem;
	color: var(--color-background);
}

#marketoid > * {
	max-width: 30ch;
	margin-left: auto;
	margin-right: auto;

	text-align: center;
}

#marketoid strong {
	font-size: var(--font-size-huge);
	font-weight: 600;
	color: var(--color-accent);
	margin-right: var(--spacing-tiny);
}

#marketoid a {
	--button-background: var(--color-accent);
	--button-foreground: var(--color-white);
	--button-border: var(--color-accent);

	display: block;
	text-align: center;

	color: var(--button-foreground);
	background: var(--button-background);
	padding: var(--spacing-small) var(--spacing-large);
	font-weight: 600;
	text-transform: uppercase;
	text-shadow: none;

	border: 1px solid var(--button-border);
	line-height: 2;

	transition: all 320ms ease-in;
}

#marketoid a:focus,
#marketoid a:hover,
#marketoid a:active {
	--button-background: transparent !important;
	--button-foreground: var(--color-accent) !important;
	--button-border: var(--color-accent) !important;
}


#other-services-on-demand h2 {
	margin-bottom: var(--spacing-large);
}

#other-services-on-demand h2,
#other-services-on-demand h3 {
	color: var(--color-foreground);
}

@media only screen and (min-width: 1800px) {
	#selling-points ul { --max-width: 2200px; }
}


@media only screen and (max-width: 768px) {
	#vip-section { margin-bottom: 0; }
	#selling-points { margin-top: 0; }
}


@media only screen and (max-width: 640px) {
	#selling-points { padding-left: 0; padding-right: 0; }
	#selling-points ul {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto;
	}

	#selling-points li {
		padding-top: var(--spacing-large);
		padding-bottom: var(--spacing-large);
		margin-bottom: var(--spacing-small);
	}
	#selling-points li p { max-width: 80%; margin:0; margin-right: 4.25rem;}
	#selling-points li p:first-line { margin-right: 0; }
	#selling-points img {
		top: 50%;
		left: auto;
		right: var(--spacing-medium);
		transform: translateY(-50%);
	}
}

@media only screen and (max-width: 425px) {
	#pricing li { text-align: center; }
	#pricing li a { float: none; }
}