:root {
	--spacing: 1.5rem;
}

.roundedCorner {
	border-radius: 1rem;
}

#heading h1 {
	font-size: 3rem;
	padding:3rem 0;
}

	#heading h1 img {
		margin:auto;
		width:100%;
		max-width:1200px;
		top: 0.5rem;
		position: relative;
	}
		#heading h1 img.mobile-logo
		{
			max-width:10rem;
		}

		#topBlock h1 {
			color: var(--colorPrimary);
		}

	#topBlock h1 small {
		color: var(--colorGrey-dark);
		clear: both;
		display: block;
		line-height: 2rem;
	}
#topBlock img
{
	margin:auto;
}
/*
#testimonials div:nth-child(1) {
	margin-right: var(--spacing);
	width: calc(100% / 3 - var(--spacing));
}
#testimonials div:nth-child(2) {
	margin-right: calc(var(--spacing) / 2);
	margin-left: calc(var(--spacing) / 2);
	width: calc(100% / 3 - var(--spacing));
}
#testimonials div:nth-child(3) {
	margin-left: var(--spacing);
	width: calc(100% / 3 - var(--spacing));
}
*/
.o_testimonial {
	margin: 1rem 0rem 0rem;
	padding: 2rem;
	height: calc(100% - 6rem);
}

#testimonials .col:nth-child(1) .o_testimonial {
	margin-left: -1rem;
}

#testimonials .col:nth-child(3) .o_testimonial {
	margin-right: -1rem;
}

.o_testimonial blockquote {
	border-left: none;
	font-family: 'Bungee', sans-serif;
	font-style: normal;
	text-align: center;
	margin: 0;
	padding: 1rem;
}

	.o_testimonial blockquote p {
		font-size: 1.35rem;
		line-height: 1.35rem;
	}

	.o_testimonial blockquote cite {
		display: block;
		clear: both;
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		font-style: normal;
		margin-top: 2rem;
		font-size: 1rem;
	}






#features {
	margin-top: 1rem;
}

	#features .o_featureBlock .inner {
		padding: 3rem;
	}

	#features .col:nth-child(2n+1) .inner {
		margin-left: -1rem;
	}

	#features .col:nth-child(2n) .inner {
		margin-right: -1rem;
	}

	#features .o_featureBlock h3 small {
		clear: both;
		display: block;
		font-size: 1.25rem;
		line-height: 1.25rem;
	}

	#features .o_featureBlock h3 {
		font-size: 2rem;
		position: relative;

	}

		#features .o_featureBlock .icon {
			content: "";
			font-family: 'FontAwesome';
			font-size: 1.5rem;
			margin-right: 0.5rem;
			position: relative;
			width: 4rem;
			height: 4rem;
			left: 0rem;
			background-color: var(--colorGrey-dark);
			top: -0.4rem;
			border-radius: 0.5rem;
			float:left;
			background-size: auto 80%;
			background-repeat:no-repeat;
			background-position:center;
		}
	#features .o_featureBlock span
	{
		float:left;
		padding-left:1rem;
	}

	#features .inner p {
		margin: 0;
		clear: both;
		padding-top:1rem;
	}

#BENapp .image {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 60%;
	background-color: var(--colorGrey-lighhtest);
	border-radius: 1rem;
}

@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .tl- / 8 columns
	 * ---------------------------------------- */
	#BENapp .image {
		height: 0;
		padding-top: 50%;
	}
}

#BENapp ul {
	list-style-type: none;
	padding: 0;
}

	#BENapp ul li {
		display: inline;
		float: left;
		margin-right: 3rem;
	}

footer {
	background-color: var(--colorGrey-dark);
	color: var(--colorWhite);
	padding: 2rem;
	display: flex;
	justify-content: center;
}

	footer ul {
		display: block;
		width: 100%;
		list-style-type: none;
		padding: 0;
		text-align: center;
		margin: auto;
	}

		footer ul li {
			display: inline-block;
			margin-right: 3rem;
		}

			footer ul li:last-child {
				margin-right: 0;
			}

	footer a,
	footer a:visited {
		color: var(--colorWhite);
	}


#contact p {
	font-size: 2rem;
	padding: 0;
}

	#contact p a {
		border: none;
	}

#termsOfUse {
}

	#termsOfUse h1 {
		color: var(--colorPrimary);
	}

		#termsOfUse h1 small {
			color: var(--colorGrey-dark);
			clear: both;
			display: block;
			line-height: 2rem;
		}

	#termsOfUse h2 {
		color: var(--colorPrimary);
		padding: 1.5rem 0 0.5rem;
	}

/* -------------------------------------------------------------------------- *
* Responsive variants
* -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .ll- / 12 columns
	 * ---------------------------------------- */
}

@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .ls- / 12 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 1010px) {
	#heading h1 img {
		margin-bottom: 2rem;
	}
}

@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .tl- / 8 columns
	 * ---------------------------------------- */
	#testimonials .col:nth-child(1) .o_testimonial {
		margin-left: 0rem;
	}

	#testimonials .col:nth-child(3) .o_testimonial {
		margin-right: 0rem;
	}

	#features .col:nth-child(2n+1) .inner {
		margin-left: 0rem;
	}

	#features .col:nth-child(2n) .inner {
		margin-right: 0rem;
	}
}

@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .ts- / 6 columns
	 * ---------------------------------------- */
	#contact p {
		font-size: 1.250rem;
	}
}

@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .ml- / 4 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .ms- / 2 columns
	 * ---------------------------------------- */

}