/*Culture Page*/

a {
	text-decoration: none;
	color: black;
}

h3 {
	display: inline-block;
	position: relative;
	left: 1.4em;
}

.leads {
	margin-top: 3em;
	margin-left: 1.8em;
}

.jeff {
	margin-left: 5em;
}



h3:before {
	position: absolute;
	content: url(../img/linkedin.png);
	width: 2em;
	height: 2em;
	top: -14px;
	left: -45px;
}

.right {
	background: white;
}

.quote-author {
			margin-right: 30%;
      text-align: right;
    }

.people1 > div, .people2 > div {
	width: 50%;
}

.left {
	background: white;
}


.push-up {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	/*opacity: 1;*/
}

		.intro-bg {

			background: url(../img/intro-head.jpg) center no-repeat;
			background-size: cover;
		}

  		.intro h1 {
  			font-size: 2.6em;
  		}

  		.mission {
  			width: 100%;
  			padding: 75px 0;
  			background: white;
  			text-align: center;
  			text-transform: uppercase;
  		}

  		.mission h2 {
  			font-family: 'AlphaBold', sans-serif;
  			font-size: 1.3em;
  			letter-spacing: 0;
  			color: #3f565e;
  			line-height: 35px;
  		}


		/*-----------------                     -------------------- */
		/*----------------- Section 2  - Content -------------------- */
		/*-----------------                     -------------------- */



		/*-----------------                     -------------------- */
		/*----------------- Section 2  - Footer -------------------- */
		/*-----------------                     -------------------- */


		@media screen and (max-width: 1460px) {

			.adage h2 {

			font-size: 1.5em;
			letter-spacing: 0;
		}

			.adage {
				width: 360px;
				line-height: 26px;
			}

			.date {
				top: 8%;
			left: 5%;
			}

		}

		@media screen and (max-width: 1160px) {

			.adage h2 {

			font-size: 1.2em;
			letter-spacing: 0;
		}

			.adage {
				width: 290px;
				line-height: 20px;
				height: 80px;
			}

			.date {
				font-size: .8em;
			}

		}

		@media screen and (max-width: 1024px) {
			.story {
				height: 360px;
				width: 340px;
			}
		}

		@media screen and (max-width: 800px) {
			#quote{width:100%}
			
			.right, .left {
				width: 100%;
				float: none;
			}

			.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
			top: 50%;
		}

		h3:before {
			top: -8px;
		}

			.story {
				width: 70%;
				top: -15%;
			}



			.stry img {
				height: 550px;
			}

			.quot img {
				height: 500px;
			}

			.story h1 {
				font-size: 2em;
			}

			.story h2 {
				font-size: 1.5em;
			}

			.story p {
				font-size: 1em;
				line-height: 24px;
			}

			.quote {
				width: 70%;
				top: -18%;
				font-size: 1.4em;
				line-height: 28px;
			}

			.mark {
				margin-left: -32px;
			}

			.location, .contact {
				font-size: 1.25em;
				width: 100%;
				padding: 65px 0 0 80px;

			}

			.copyright {
				font-size: 1em;
				clear: both;
				text-align: left;
				padding: 80px 0 30px 80px;

			}

			.white-box h3 {
				font-size: 1.4em;
			}

			.white-box p {
				font-size: 1em;
				line-height: 25px;
			}



			.adage {
				width: 500px;
				line-height: 33px;
				top: -10%;
			}

			.adage h2 {
				font-size: 2em;

			}

		}

		@media screen and (max-width: 680px) {
			.stry img {
				height: 650px;
			}
		}

		@media screen and (max-width: 600px) {

			.stry img {
				height: 600px;
			}

			.story {
				top: -30%;
			}

			.quot img {
				height: 420px;
			}

			.quote {
				font-size: 1em;
				line-height: 22px;
				top: -5%;
		}
			.mark {
				margin-left: -26px;
			}

			.adage {
				width: 450px;
				line-height: 30px;
				top: -10%;
			}

			.adage h2 {
				font-size: 1.8em;

			}

			.white-box p {
				font-size: .8em;
				line-height: 19px;
			}


		}

		@media screen and (max-width: 568px) {

			.people1 > div, .people2 > div {
			width: 100%;
			}

			.stry img {
				height: 600px;
			}

			.story {
				width: 85%;
			}

			.story p {
				line-height: 20px;
			}

			.story {
				top: -20%;
			}

			.quot img {
				height: 300px;
			}

			.quote {
				width: 70%;
				font-size: 1em;
				line-height: 20px;
				top: -10%;
			}

			.mark {
				margin-left: -24px;
			}

			.white-box p {
				font-size: .8em;
				line-height: 18px;
			}

		}

		@media screen and (max-width: 480px) {


			.story p {
				line-height: 18px;
			}

			.quote {
				font-size: .8em;
				line-height: 22px;
			}

			.adage {
				width: 360px;
				line-height: 26px;
				top: -10%;
			}

			.adage h2 {
				font-size: 1.5em;

			}

			.mark {
				margin-left: -20px;
			}

		}

		@media screen and (max-width: 400px) {

			.story {
				text-align: center;
				top: -25%;
			}

			.jeff {
			margin-left: 0;
			}

			.paul {
				display: block;
			}

			h3 {
				left: 1em;
			}

			.paul h3, .jeff h3 {
				left: 0;
				font-size: 1.4em;
			}

			.jeff h3 {
				top: 20px;
			}

			h3:before {
			left: -50px;
			}

			.story p {
				font-size: .8em;
			}

			.footer {
					font-size: .8em;
				}

			.location, .contact {

				padding: 65px 0 0 30px;

			}

			.copyright {
				clear: both;
				padding: 80px 0 30px 30px;

			}

			.adage {
				width: 280px;
				line-height: 19px;
				top: 0;
			}

			.adage h2 {
				font-size: 1.1em;

			}

			.quot img {
				height: 400px;
			}

			.quote {
				width: 77%;
				height: 40%;
			}

			.quote {
				line-height: 18px;
			}

			.stry img {
				height: 600px;
			}

		}

		@media screen and (max-width: 320px) {

			.stry img {
				height: 610px;
			}

			.story {
				top: -24%;
			}

			.story h2 {
				font-size: 1.2em;
			}

			.story p {
				line-height: 15px;
			}

			.quot img {
				height: 335px;
			}

			.quote {
				line-height: 16px;
				top: -22%;
			}

			.adss img {
				height: 240px;
			}

			.adage {
				width: 280px;
				line-height: 19px;
				top: 0;
			}

			.adage h2 {
				font-size: 1.1em;

			}

		}