body { margin:0; font-family:'Inter',sans-serif; color:#1a1a1a; }
header {
  position:fixed; width:94%; padding:20px 40px;
  display:flex; justify-content:space-between; align-items:center;
  background: #000;
  transition:0.3s; z-index:1000;
}
header.shrink { padding:10px 40px; background:#000; }
nav ul { display:flex; list-style:none; }
nav li { margin-left:25px; }
nav a { color:#fff; text-decoration:none; font-weight:400; }
.burger { display:none; color:#fff; font-size:28px; }
.mobile-nav { display:none; position:fixed; width:100%; height:100%; background:#000; flex-direction:column; justify-content:center; align-items:center; }
.mobile-nav.active { display:flex; }
.mobile-nav a { color:#fff; font-size:2em; margin:15px; }
.close { position:absolute; top:20px; right:30px; font-size:30px; color:#fff; }
	.section {
	height:100vh;
	padding:250px 30px 50px 30px;
	display:flex;
	align-items:center;
	}
	#about {
	height:121vh;
	padding-top: 1%;
	}
	#who {
	height:122vh;
	padding-top: 1.3%;
	}
	#services {
	height:122vh;
	padding-top: 1%;
	}
	#engage {
	height:119vh;
	padding-top: 1%;
	}
	#proof {
	height:130vh;
	padding-top: 1%;
	}
	#contact {
	height:100vh;
	padding-top: 12.9%;
	}
	#contact form{
	height:50vh;
	padding-top: 3%;
	}
	.ppsection {
	 height:100vh;
  padding:150px 30px 50px;
  display: block;
  align-items:center;
	}
	.alt { background:#f4f6f8; }
	.narrow { max-width:800px; }
	.hero {
	background:url('run5.jpg');
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color:#fff;
	}
	.hero-content h1 {
	width: 95vw;
	height: 100vh;
	margin-top:-15%;
	text-align: center;
	}
	.hero-content h2 {
	margin-top:-40%;
	text-align: center;
	}
	.secondary {
	background-image: url('run2.jpg');
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	color:#000;
	}
	.secondary h2 {
	padding: 3px;
	background: black;
	line-height: 3rem;
	color:#49FF00;
	text-align: center;
	}
	.quinary {
	background-image: url('run7.jpg');
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	color:#000;
	}
	.quinary h2 {
	padding: 3px;
	background: black;
	line-height: 3rem;
	color:#49FF00;
	text-align: center;
	}
	.tertiary {
	background:url('run4.jpg');
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-color: transparent;
	}
	.tertiary h2 {
	padding: 3px;
	background: black;
	line-height: 3rem;
	color:#49FF00;
	text-align: center;
	}
	.quaternary {
	background:url('run3.jpg');
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color:#000;
	}
	.quaternary h2 {
	padding: 3px;
	background: black;
	line-height: 3rem;
	color:#49FF00;
	text-align: center;
	}
	h1 { font-size:2.8em; font-weight:600; text-align: center; }
	h2 { font-size:2em; margin-bottom:20px; }
	h3 { margin-bottom: 0; }
	h4 { margin-bottom: 0; }
	.btn {
	background:#49FF00;; padding:12px 25px; border-radius: 12px; color:#000;
	text-decoration:none; display:inline-block; margin-top:20px;
	}
	.fade-in { opacity:0; transform:translateY(20px); transition:0.6s; }
	.fade-in.appear { opacity:1; transform:translateY(0); }
	.cred { margin-top:20px; font-weight:600; color:#666; }
	form input, form textarea {
	width:92%; padding:12px; margin:10px 0;
	border:1px solid #ddd;
	}
	button {
	background:#000; color:#fff; padding:12px 20px;
	border:none; cursor:pointer;
	}
	a, button { transition:all 0.3s ease; }
	a:hover, button:hover { opacity:0.85; transform:translateY(-1px); }
	footer { background:#000; color:#fff; text-align:center; padding:10px; }
	@media(max-width:768px) {
	 nav{display:none;} 
	.alt { background:#f4f6f0; height: 8%; padding-top: 2px; padding-bottom: 2px;}
	.logo img{
	height: 60%;
	width: 60%;
	}
	.section {
	height:50vh;
	padding-top: 0px; padding-bottom: 100px;
	display:block;
	align-items:center;
	}
	#proof {
	height:72vh;
	padding-top: 1%;
	}
	#about {
	height:60vh;
	padding-top: 1%;
	}
	#contact {
	height:70vh;
	padding-top: 1%;
	}
	#engage {
	height:61vh;
	padding-top: 1%;
	}
	#services {
	height:58vh;
	padding-top: 1%;
	}	
	#who {
	height:47vh;
	padding-top: 1%;
	}
	.hero {
	padding:60px 30px 0px 30px;
	background-size: cover;
	background-position: center;
	background-attachment: scroll; /* no parallax on mobile */
	background-repeat: no-repeat;
	}
	.hero-content h1 {
	position:fixed;
	width: 85vw;
	height: 100vh;
	margin-top:30%;
	text-align: center;
	font-size: 138%;
	}
	.hero-content h2 {
	position:fixed;
	margin-top: 55%;
	text-align: center;
	font-size: 117%;
		}
	.hero-content a {
	position:fixed;
	margin-top: 80%;
	margin-left: 1%;
	font-size: 90%;
		}
		.secondary {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll; /* disables parallax */
	color:#000;
	}
	.secondary h2 {
	position: absolute;
	background: black;
	font-size: 117%;
	top: 0%;
	left: 21%;
	color:#49FF00;
	text-align: center;
	}
	.tertiary {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll; /* disables parallax */
	color:#000;
	}
	.tertiary h2 {
	position: absolute;
	background: black;
	font-size: 117%;
	top: 6%;
	left: 50%;
	transform: translate(-50%, -50%);
	color:#49FF00;
	text-align: center;
	}
	.quaternary {
	position: relative;
	height: 60vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll; /* disables parallax */
	}
	.quaternary h2 {
	position: absolute;
	background: black;
	font-size: 117%;
	top: 0%;
	left: 5%;
	color:#49FF00;
	text-align: center;
	}
	.quinary {
	position: relative;
	height: 60vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll; /* disables parallax */
	}
	.quinary h2 {
	position: absolute;
	background: black;
	font-size: 117%;
	top: 6%;
	left: 50%;
	transform: translate(-50%, -50%);
	color:#49FF00;
	text-align: center;
	}
	h1{font-size:2em;}
	.btn {
	background:#49FF00; position: absolute; margin-top: 25%; margin-left: 38%; padding:5px 5px; font-size: smaller; width: 25%; text-align: center; border-radius: 12px; color:#000;
	/* Mobile nav overlay */
	.mobile-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.95); /* solid dark overlay */
	color: #fff;
	display: none; /* hidden by default */
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 9999; /* above all content */
	transition: opacity 0.3s ease, transform 0.3s ease;
	}
	/* Show mobile nav when active */
	.mobile-nav.active {
	display: flex;
	opacity: 1;
	}
	/* Menu links */
	.mobile-nav a {
	color: #fff;
	font-size: 1.8rem;
	margin: 20px 0;
	text-decoration: none;
	}
	/* Close button */
	.mobile-nav .close {
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 2rem;
	cursor: pointer;
	}