/* KNOVL CSS */

	body,
	h1, 
	h2, 
	h3, 
	h4, 
	h5, 
	h6 {
		font-family: "Open Sans", sans-serif;
	}

	p {
		font-size: 1.1rem;
	}

	.primary-wrap,
	.secondary-wrap {
		padding: 3em 0;
		border-bottom: 1px solid #d7d7d7;
	}

	.primary-wrap {
		background-color: #ebebeb;
	}

	.secondary-wrap {
		background-color: #ebebeb;
	}

	.hero-wrap {
		padding-bottom: 32%;
	}

	.hero-wrap.interior-page {
		padding-bottom: 0;
		background-position: center 11.75%;
	}

	.hero-wrap {
		position: relative;
		background: linear-gradient( 
			rgba(0, 0, 0, 0.2),
			rgba(0, 0, 0, 0.8) 
		),
		url('../img/knovl-bg.jpg');
		background-size: cover;
		background-position: center 25%;
	}
	
	.hero-wrap p{
		font-size: 1.1rem;
		font-weight:400;
	}
	
	.hero-wrap h3{
		font-size: 1.975rem;
		font-weight:400;
	}
	
	.hero-wrap h4{
		font-size: 1.175rem;
    	font-weight: 700;
    	margin-bottom: 2em;
	}
	
	.cta h2{
		font-size: 1.975rem;
    	font-weight: 700;
	}
	
	.cta h3{
		font-size: 1.675rem;
    	font-weight: 400;
	}
	
	.cta h4{
		font-size: 1.175rem;
    	font-weight: 300;
    	margin-bottom: 2em;
	}
	
	.secondary-wrap h2{
		font-size:2.775rem;
		font-weight:400;
	}
	
	.secondary-wrap h3{
		font-size:1.775rem;
		font-weight:400;
		margin-bottom:1.25em;
		text-align:center;
	}
	
	.interior-page p{
		font-size:1.1rem;
		font-weight:300;
	}
	
	.interior-page h1{
		font-size:2.175rem;
		font-weight:400;
	}
	
	.interior-page h2{
		font-size:1.675rem;
		font-weight:400;
	}	
	

	@media screen and ( min-width: 63.9375em ) {
/*		.hero-wrap {
			margin-top: -2em;
		}*/

	}

	@media screen and ( max-width: 39.9375em ) {
		ul.footer-menu {
			text-align: center;
		}
		.footer-wrap {
			text-align: center;
		}
		
		.hero-wrap p{
		font-size: 1.03rem;
		font-weight:400;
		line-height:1.4;
	}
	}

	@media screen and ( min-width: 40.063em ) {
		ul.footer-menu {
			text-align: right;
		}
	}

	.hero-wrap span,
	.hero-wrap p,
	.hero-wrap h1,
	.hero-wrap h2,
	.hero-wrap h3,
	.hero-wrap h4,
	.hero-wrap h5,
	.hero-wrap h6 {
		color: #fff;
		text-align: center;
	}

	.secondary-wrap span,
	.secondary-wrap p,
	.secondary-wrap h1,
	.secondary-wrap h2,
	.secondary-wrap h3,
	.secondary-wrap h4,
	.secondary-wrap h5,
	.secondary-wrap h6 {
		color: #000;
	}

	.secondary-wrap a.button {
		color: #fff;
	}

	.footer-wrap {
		padding: 1.5em 0;
	}

	ul.footer-menu {
		margin: 0;
	}

	ul.footer-menu li {
		display: inline;
	}

	ul.footer-menu li {
		margin-right: 0.5em;
	}

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

	ul.footer-menu li a {
		color: #000;
	}


	.interior-page #logo {
		display: block;
		text-align: center;
		margin: 3em auto;
		width: 100%;
		max-width: 350px;
	}
	#logo {
		display: block;
		text-align: center;
		margin: 45% auto 3em auto;
		width: 100%;
		max-width: 350px;
	}

	.button {
		border-radius: 0;
		font-weight: bold;
	}

	.button-arrow {
		margin-left: 1em;
	}

	.button-arrow i {
		color: #fff;
		font-size: 1.1rem;
	}

	hr.fade {
		border: 0;
		height: 2px;
		background: -webkit-linear-gradient(
			left,
			rgba(255,255,255,0),
			rgba(255,255,255,0.75),
			rgba(255,255,255,0)
		);
		background: -moz-linear-gradient(
			left,
			rgba(255,255,255,0),
			rgba(255,255,255,0.75),
			rgba(255,255,255,0)
		); 
		background: -ms-linear-gradient(
			left,
			rgba(255,255,255,0),
			rgba(255,255,255,0.75),
			rgba(255,255,255,0)
		); 
		background: -o-linear-gradient(
			left,
			rgba(255,255,255,0),
			rgba(255,255,255,0.75),
			rgba(255,255,255,0)
		);
		background: linear-gradient(
			left,
			rgba(255,255,255,0),
			rgba(255,255,255,0.75),
			rgba(255,255,255,0)
		);
		    margin: 2rem auto
			;
	}