@media (max-width: 1500px) {
	
	#we-believe ul.content {
		width:100%;
	}
	
}


@media (max-width: 1400px) {

	.container-lg {
		width:1100px;
	}
	
	nav ul li {
		margin:0 0 0 30px;
	}
	
	nav ul li.safety {
		margin:0 0 0 25px;
	}

	nav ul li.parent-portal {
		margin:0 0 0 15px;
	}

	nav ul li.contact {
		margin:0 0 0 15px;
	}
	
	nav ul li.donate {
		margin:0 0 0 25px;
		top:3px;
	}
	
	nav ul li.donate a {
		width:90px;
		height:50px;
		padding:18px 0 0;
	}
	
	#we-believe {
		padding-right:35%;
	}
	
	#we-believe ul.menu {
		width:35%;
	}
	
	#ag-gaston .container-lg {
		padding-right:450px;
	}
	
	#partners .container-lg {
		padding:40px 2% 60px;
	}
	
	#partners ul li {
		padding:15px 3%;
	}

}


@media (max-width: 1200px) {
	
	nav ul {
		right:0;
	}
	
	nav ul li {
		padding:0 0 21px;
		top:50px;
	}
	
	nav ul li.safety {
		position:absolute;
		top:15px;
		right:313px;
		margin:0;
		padding:0;
	}
	
	nav ul li.parent-portal {
		position:absolute;
		top:15px;
		right:207px;
		margin:0;
		padding:0;
	}
	
	nav ul li.contact {
		position:absolute;
		top:15px;
		right:137px;
		margin:0;
		padding:0;
	}
	
	nav ul li.safety a,
	nav ul li.parent-portal a,
	nav ul li.contact a {
		font:400 17px/17px "franklin-gothic-compressed", sans-serif;
	}
	
	nav ul li.safety a::after,
	nav ul li.parent-portal a::after,
	nav ul li.contact a::after {
		height:2px;
	}
	
	nav ul li.donate {
		top:0;
		border-radius:0;
	}
	
	nav ul li.donate a {
		width:110px;
		height:90px;
		padding:38px 0 0;
	}
	
	nav ul li ul {
		width:300px;
		top:40px;
	}
	
}


@media (max-width: 1100px) {
	
	.container-lg,
	.container-sm,
	.container {
		width:100%;
	}
	
	#homepage .collage,
	#subpage .collage,
	#portal .collage {
		width:150%;
	}
	
	#ag-gaston {
		margin-top:0;
	}
	
	#ag-gaston .container-lg {
		padding-right:30%;
	}
	
	footer .container-lg {
		padding-top:60px !important;
		padding-bottom:15px;
	}
	
	footer .flex {
		justify-content:center;
	}
	
	footer .signup {
		width:100%;
		padding:0;
		margin:0 0 60px;
		order:1;
	}
	
	footer .logo-1 {
		order:2;
		margin:0 20px 0 0;
	}

	footer .logo-2 {
		order:3;
		margin:0 20px;
	}
	
	footer .connect {
		order:4;
		margin:0 0 0 20px;
	}
	
	footer ul.links {
		text-align:center;
		width:100%;
		margin:15px 0 0;
		order:5;
	}
	
	footer ul.links li {
		display:inline-block;
		margin:0 5px;
	}

}


@media (max-width: 1000px) {
	
	#homepage header h1 {
		font:600 88px/78px "franklin-gothic-compressed", sans-serif;
	}

	#homepage header h3 {
		font:600 38px/38px "franklin-gothic-compressed", sans-serif;
	}
	
	#stats h2 {
		padding:24.5% 0 0 5%;
	}
	
	.col2 {
		width:100%;
	}

	.col2:nth-child(odd),
	.col2:nth-child(even) {
		padding:0;
	}
	
	#leadership ul li {
		width:50%;	
	}
	
	#alumni img {
		position:absolute;
		top:-75px;
		left:50%;
		transform:translateX(-50%);
	}
	
	#alumni .col2:last-child {
		padding-top:100px;
	}
	
	#clubhouse .col2:first-child {
		height:300px;
	}
	
	#clubhouse .col2:last-child {
		padding:50px 5% 80px;
	}
	
	#contact-us .col2:first-child {
		height:300px;
	}
	
	.wpforms-field-email {
		width:100% !important;
		display:block !important;
		padding:10px 0 10px 0 !important;
	}

	.wpforms-field-phone {
		width:100% !important;
		display:block !important;
		padding:10px 0 10px 0 !important;
	}
	
}


@media (max-width: 900px) {
	
	nav {
		height:70px;
	}
	
	nav .logo {
		width:200px;
	}
	
	nav ul {
		display:none;
	}
	
	#mobile-menu-open {
		display:block;
	}
	
	#subpage header,
	#portal header {
		padding:105px 3% 50px;
	}
	
	#we-believe {
		padding:0 5% 60px;
	}
	
	#we-believe ul.menu {
		width:100%;
		position:relative;
		top:-64px;
		border-radius:8px;
	}
	
	#we-believe ul.menu h4 {
		border-top-right-radius:8px;
		height:64px;
		padding:22px 0 0;
	}
	
	#we-believe ul.menu li {
		padding:20px 20px 16px 40px;
	}
	
	#we-believe ul.menu li.active::before {
		background-size:34px;
		width:34px;
		height:34px;
		top:50%;
		left:-10px;
	}
	
	#we-believe ul.content {
		padding:0;
	}
	
	#ag-gaston {
		background:none;
	}
	
	#ag-gaston .container-lg {
		padding-right:5%;
	}

	#partners ul li {
		width:25%;
	}
	
	#subpage #partners ul li {
		width:33.3333%;
	}
	
}


@media (max-width: 800px) {
	
	h1 {
		font:600 68px/58px "franklin-gothic-compressed", sans-serif;
	}
	
	h2 {
		font:600 48px/48px "franklin-gothic-compressed", sans-serif;
	}
	
	h3 {
		font:600 26px/26px "franklin-gothic-compressed", sans-serif;
	}
	
	h4 {
		font:600 18px/21px "franklin-gothic-compressed", sans-serif;
	}
	
	h5 {
		font:400 24px/34px helvetica, sans-serif;
	}
	
	p {
		font:17px/27px helvetica, sans-serif;
	}
	
	p a {
		font:17px/27px helvetica, sans-serif !important;
	}
	
	a.link,
	#subpage a,
	.button-lg a {
		font:600 17px/17px "franklin-gothic-compressed", sans-serif;
	}
	
	a.link::after,
	#subpage a::after,
	.button-lg a::after {
		background-size:24px;
		width:24px;
		height:24px;
	}
	
	.button-lg a {
		width:90%;
	}
	
	.container-lg,
	.container-sm {
		padding-top:60px;
		padding-bottom:60px;
	}
	
	.container {
		padding-top:60px;
	}
	
	#homepage header h1 {
		font:600 68px/58px "franklin-gothic-compressed", sans-serif;
	}

	#homepage header h3 {
		font:600 28px/28px "franklin-gothic-compressed", sans-serif;
	}
	
	#subpage ul li {
		font:17px/23px helvetica, sans-serif;
	}
	
	#subpage ol li {
		font:17px/23px helvetica, sans-serif;
	}
	
	#content hr,
	#news-article hr {
		margin:50px auto;
	}
	
	#programs ul li .logo {
		width:100%;
	}

	#programs ul li .description {
		width:100%;
		padding:30px 0 0;
	}
	
	#stats h2 {
		padding:32.5% 0 0 5%;
	}
	
	#stats h2 span {
		font-size:28px;
	}
	
	#stats .col3 {
		padding:0 4%;
	}
	
	#clubhouse-map .gmap_canvas {
		height:250px;
	}
	
	#alumni .col2:first-child {
		padding-top:60px;
	}
	
	#alumni .col2:last-child {
		padding-bottom:80px;
	}
	
	#news-list {
		width:100%;
		order:2;
	}
	
	#news-list h2 {
		text-align:center;
	}
	
	#news-list h2::after {
		left:50%;
		transform:translateX(-50%);
	}
	
	#calendar-list {
		text-align:left !important;
		width:100%;
		padding:0 0 30px;
		order:1;
		margin:0 0 30px;
		border-left:0;
		border-bottom:2px solid #e6e6e6;
	}
	
	#calendar-list h4 {
		font:600 48px/48px "franklin-gothic-compressed", sans-serif;
		color:#0081c6;
		text-align:center;
		position:relative;
		padding:0 0 25px;
		margin:0 0 40px;
	}

	#calendar-list h4::after {
		content:"";
		background-image:linear-gradient(to right, #0081c6, #0081c6 33.3333%, #84bd00 33.3333%, #84bd00 66.6666%, #ff8200 66.6666%, #ff8200 66.6666%);
		width:100px;
		height:6px;
		border:0;
		position:absolute;
		bottom:0;
		left:50%;
		transform:translateX(-50%);
	}
	
	footer .logo-1 {
		width:80px;
	}

	footer .logo-2 {
		width:60px;
	}
	
	footer .connect {
		width:84px;
	}
	
	footer .connect h3 {
		font-size:20px;
		margin:0 0 5px;
	}
	
	footer .connect ul li {
		width:20px;
	}
	
}


@media (max-width: 600px) {
	
	br {
		display:none;
	}
	
	#leadership ul li {
		width:100%;	
	}
	
	#partners ul li {
		width:50%;
		padding:10px 8%;
	}
	
	#subpage #partners ul li {
		width:50%;
		padding:10px 8%;
	}
	
	#stats h2 {
		width:100px;
		padding:52px 0 0 0;
		top:0;
		left:50%;
		transform:translateX(-45%);
	}
	
	#stats .col3 {
		width:100%;
		margin:0 0 30px;
	}
	
	#stats .col3:last-child {
		margin:0;
	}
	
	#stats #chart-1,
	#stats #chart-2,
	#stats #chart-3 {
		width:140px !important;
		height:140px !important;
		margin:0 auto !important;
	}
	
	#homepage .collage,
	#subpage .collage,
	#portal .collage {
		display:none;
	}
	
	#parent-portal-menu a:nth-child(1) {
		width:20px;
		height:20px;
		margin:27px 0 30px;
	}
	
	#parent-portal-menu hr {
		margin:17px 10px 20px;
	}
	
	#parent-portal-menu a:nth-child(3) {
		font:600 16px/16px "franklin-gothic-compressed", sans-serif;
		margin:34px 0 20px;
	}
	
	#parent-portal-menu a:nth-child(3)::before {
		background:none;
		width:0;
		height:0;
		margin:0;
	}
	
	#parent-portal-menu a:nth-child(4),
	#parent-portal-menu a:nth-child(5) {
		font:600 15px/15px "franklin-gothic-compressed", sans-serif;
		padding:16px 15px 12px;
	}
	
	#parent-portal-menu a:nth-child(4) {
		margin:16px 0 16px 15px;
	}
	
	#parent-portal-menu a:nth-child(5) {
		margin:16px 0;
	}
	
	.wpc_msg_column-client_ids {
		width:30% !important;
		max-width:30% !important;
	}

	.wpc_msg_column-message_text {
		width:70% !important;
		max-width:70% !important;
	}

	.wpc_msg_column-date {
		display:none !important;
	}
	
	footer {
		margin-top:80px;
	}
	
}