/* ---------------------------------------- 

		MEDIUM SCREEN CSS STYLES 

---------------------------------------- */

@media only screen and (max-width: 1024px) {
	
	/* UNIVERSAL STYLES */
	
	* {
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		-webkit-tap-highlight-color: transparent;  
	}
	
	body {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	
	h1 {
		font-size: 6rem;
		line-height: 6rem;
	}
	
	h2,
	.hp-slice h1 {
		font-size: 4rem;
		line-height: 4rem;
	}
	
	.btn-container.btn-kill {
		padding: 0;
	}
	
		.btn-kill a {
			display: none;
		}

	
	/* HEADER */
	
	header > div {
		padding: 25px;
	}
	
		header > div a img {
			width: 200px;
		}
	
	
	/* NAVIGATION */

	nav > ul > li {
		font-size: 1.3rem;
		line-height: 1.5rem;
	}
	
	nav > ul > li > span {
		padding: 15px 0;
	}
	
	
	/* CTAs */
	
	.cta > div h3 {
		font-size: 4.5rem;
		line-height: 4.5rem;
	}
	
	
	/* INSTAGRAM FEED */
	.instagram-feed {
    	padding: 50px 0 70px;
	}

	/* SMP 100 Cover CTA */
	.smp-100-cover-article .btn {
		padding: 10px 45px;
		font-size: 1.8rem;
		line-height: 1.8rem;
	}

	.smp-100-cover-logo {
		width: 10%;
	}
		
	
	/* HOMEPAGE */
	
	/* HP - ROTATOR */
	
	.gallery .slide {
		height: 600px;
	}
	
	body.IE .gallery {
		height: 600px !important;
	}
	
		.gallery .slide > img {
			margin-left: -750px;
			max-width: 1500px;
			min-width: 1500px;
			max-height: 600px;
			min-height: 600px;
		}
		
		body.IE .gallery .slide > img {
			width: 1500px;
		}
		
		.gallery .slide .slide-content {
			bottom: 20%;
		}
		
			.gallery .slide .slide-content h2 {
				font-size: 6.5rem;
				line-height: 6.5rem;
			}
		
			.gallery .slide .slide-content h3 {
				font-size: 3.6rem;
				line-height: 3.6rem;
			}
			
			.gallery .slide .slide-content h4 {
				padding: 10px 0;
				font-size: 3rem;
				line-height: 3rem;
			}
		
		.gallery .slide .btn-container .btn {
			padding: 10px 45px;
			font-size: 1.8rem;
			line-height: 1.8rem;
		}
	
	.gallery-indication {
		bottom: 10%;
	}
		
	.next, 
	.prev {
		font-size: 4rem;
	}
	
	.prev {
		line-height: 2.4rem;
	}
	
	
	/* HP - INTRO */
	
	.hp-intro {
		padding: 50px 0 90px;
	}
	
		#hp-intro-visits {
			padding: 18px 0;
		}
	
			#hp-intro-visits div strong {
				font-size: 5.5rem;
				line-height: 5.5rem;
			}
			
			#hp-intro-visits div span {
				font-size: 2.5rem;
				line-height: 2.5rem;
			}
			
		.hp-intro p {
			width: 85%;
		}
		
		
	/* HP - BINS */
	
	#hp-bins > article > div {
		-ms-flex: 0 1 49%;
		-webkit-flex: 0 1 49%;
		flex: 0 1 49%;
		border-radius: 15px;
	}
	
	#hp-bins > article > #hp-find-a-park {
		background-color: #553921;
	}	
	
		.hp-bin-bg {
			-ms-flex-order: 0;
			-webkit-order: 0;
			order: 0;
			-ms-flex: 0 1 100%;
			-webkit-flex: 0 1 100%;
			flex: 0 1 100%;
			height: 140px;
		}
		
		.hp-bin-content-container {
			-ms-flex-order: 1;
			-webkit-order: 1;
			order: 1;
			-ms-flex: 0 1 100%;
			-webkit-flex: 0 1 100%;
			flex: 0 1 100%;
			padding: 30px 0 60px;
		}
		
		#hp-bins > article > #hp-find-a-park .hp-bin-content-container {
			padding: 0 0 60px;
		}
		
		#hp-find-a-park .hp-bin-bg,
		#hp-shelters .hp-bin-bg,
		#hp-things-to-do .hp-bin-bg,
		#hp-nature .hp-bin-bg {
			border-radius: 15px 15px 0 0;
		}
		
		#hp-find-a-park .hp-bin-content-container,
		#hp-shelters .hp-bin-content-container,	
		#hp-things-to-do .hp-bin-content-container,
		#hp-nature .hp-bin-content-container {
			border-radius: 0 0 15px 15px;
		}
	
		#hp-find-a-park .hp-bin-bg {
			background: url('/App_Themes/images/homepage/bg-bin-find-parks-mobile.jpg') no-repeat center center;
		}
		
		#hp-shelters .hp-bin-bg {
			background: url('/App_Themes/images/homepage/bg-bin-shelters-mobile.jpg') no-repeat;
		}
		
		#hp-things-to-do .hp-bin-bg {
			background: url('/App_Themes/images/homepage/bg-bin-things-to-do-mobile.jpg') no-repeat center bottom;
		}
		
		#hp-nature .hp-bin-bg {
			background: url('/App_Themes/images/homepage/bg-bin-nature-mobile.jpg') no-repeat center top;
		}
		
			.hp-bin-content-container .hp-bin-content {
				width: 87.5%;
			}
			
				.hp-bin-content a {
					font-size: 1.7rem;
				}
		
		
	/* HP - GET INVOLVED */
	
	.hp-get-involved {
		padding: 60px 0;	
	}
	
		.hp-get-involved article {
			margin: 30px auto 0;
		}
	
			.hp-get-involved article > div {
				font-size: 1.6rem;
				line-height: 2.2rem;
			}
	
			.hp-get-involved article > div a:nth-child(2) {
				font-size: 2.2rem;
				line-height: 2.2rem;
			}
			
				.hp-get-involved article > div a:nth-child(2) i {
					font-size: 1.3rem;
				}	
				
				.hp-get-involved article > div a img {
					width: 65px;
				}
	
	/* HP - AUTISM FREINDLY */
	
	.hp-autism-friendly {
	    padding: 50px 0;
	}
	
		.hp-autism-friendly article p {
			font-size: 2.4rem;
			line-height: 2.7rem;		
		}
		
	
	/* SUBPAGE */
	
	/* BODY */
	
	.sp-left {
		-ms-flex: 0 1 26.5%;
		-webkit-flex: 0 1 26.5%;
		flex: 0 1 26.5%;
	}
	
	
	/* SP - NAVIGATION */
	
	.sp-navigation {
		padding: 18px 0;
	}
	
		.sp-navigation .sp-navigation-root {
			font-size: 2.2rem;
			line-height: 2.2rem;
		}
	
	.sp-left ul > li > a {
		padding: 12px 7.4%;
		font-size: 1.6rem;
		line-height: 1.6rem;
	}
	
	
	/* FINDER */
	
	.finder-options > .flexbox-content {
		-ms-flex: 0 1 58%;
		-webkit-flex: 0 1 58%;
		flex: 0 1 58%;
	}
	
		.finder-options > .flexbox-content span > strong {
			display: block;
			margin: 5px 0;
		}
		
		body.IE .finder-options > .flexbox-content span > strong {
			display: inline-block;
			margin: 0
		}
	
	.finder-result h3 strong {
		display: block;
		margin-bottom: 5px;
		padding-right: 0;
		border-right: 0;
	}
					
	.finder-result h3 a {
		display: block;
		padding-left: 0;
	}
	
		.finder-result > div > .flexbox-content:first-of-type span a {
			display: block;
		}
	
	.finder-map {
		height: 575px !important;
	}
	
	
	/* NATURE */
	
	.nature-intro {
		font-size: 2rem;
		line-height: 2.5rem;
	}
	
	.nature-animal h4 {
		font-size: 2.2rem;
		line-height: 2.2rem;
	}
	
	
	/* ACTIVITIES */
	
	#btn-swim-pass::before {
		content: "Please call 330-867-5511 to purchase your Swim Pass today.";
		display: block;
		font-family: "Source Sans Pro Bold", sans-serif;
	}

	/* PARK PAGE */
	
	.park-page-hero .park-title h1 {
		font-size: 7rem;
		line-height: 7rem;
	}
	
	.park-page-hero .park-information span {
		font-size: 1.6rem;
		line-height: 1.6rem;
	}
	
	.park-page-anchors a {
		font-size: 2rem;
		line-height: 2rem;
	}
	
	.park-area .park-information h3 {
		font-size: 3.5rem;
		line-height: 3.5rem;
	}
	
	
	/* SHELTERS/LODGES */
	
	.shelter-lodge-visuals .btn-container {
		display: none;
	}
	
	.shelter-lodge .flexbox-content>div:first-of-type p span:first-child {
		font-size: 2.2rem;
		line-height: 2.2rem;
	}
	
	
	/* SEARCH */

	.searchBox input[type="text"] {
    	width: 33%;		
	}
	
	.search-results > div > div a {
		font-size: 2rem;
		line-height: 2.4rem;
	}
	
	/* FOOTER */
	
	footer section article:first-of-type {
		-ms-flex: 0 1 65%;
		-webkit-flex: 0 1 65%;
		flex: 0 1 65%;
		-ms-flex-pack: distribute;
		-webkit-justify-content: space-around;
		justify-content: space-around;
	}
	
		footer section article:first-of-type div .footer-social a {
			font-size: 2.8rem;
		}
	
		footer section article:first-of-type div + div ul li {
			margin-bottom: 5px;
		}
		
		footer section article:first-of-type div + div ul li:last-child {
			margin-bottom: 0;
		}
	
	footer section article:first-of-type + article {
		-ms-flex: 0 1 35%;
		-webkit-flex: 0 1 35%;
		flex: 0 1 35%;
	}
	
		footer section article:first-of-type + article div:first-of-type {
			-ms-flex: 0 1 60%;
			-webkit-flex: 0 1 60%;
			flex: 0 1 60%;
			margin: 0 auto 15px;
		}
		
		footer section article:first-of-type + article div:first-of-type + div {
			-ms-flex: 0 1 100%;
			-webkit-flex: 0 1 100%;
			flex: 0 1 100%;
		}	
	
}

@media only screen and (max-width: 1023px) {
	/* EDUCATION ACTIVITIES & RESOURCES */
	/* .flexbox-row {
		flex-direction: column;
	} */

	.flexbox-row.text-image-row {
		flex-flow: row wrap;
	}

	.flexbox-row img.align-right {
		margin: auto;
	}
}

@media only screen and (max-width: 950px) {
	
	/* UNIVERSAL STYLES */
	
	h1 {
		font-size: 5.5rem;
		line-height: 5.5rem;
	}
	
	h2 {
		font-size: 3.5rem;
		line-height: 3.5rem;
	}
	
	h3 {
		padding: 25px 0 0;
		font-size: 2.6rem;
		line-height: 2.6rem;
	}
	
	h4 {
		padding: 20px 0 0;
		font-size: 2.2rem;
		line-height: 2.2rem;
	}	

	
	/* HEADER */
	
	header {
		position: relative;
	}
	
		header > div {
			left: 0;
			right: 0;
			width: 225px;
			margin: 10px auto 0;
			padding: 10px;
		}
		
			header > div a img {
				margin: 0 auto;
			}
			
			header > div span {
				display: none;
			}
		
		.top-nav {
			-ms-flex-pack: justify;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			z-index: 9;
			position: relative;
			margin: 0 auto;
			padding: 15px 6.25%;
			-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
			box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
			-webkit-transition: -webkit-box-shadow 0.4s;
			transition: box-shadow 0.4s;
		}
		
		.top-nav.open-menu {
			-webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.55);
			box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.55);
		}
		
			.top-nav a.icon-search,
			.top-nav div:first-of-type {
				display: none;
				-ms-flex: 0 1 0%;
				-webkit-flex: 0 1 0%;
				flex: 0 1 0%;
			}
			
			.top-nav a.btn-alerts {
				display: block;
				padding: 0;
				text-align: center;
				color: #fff;
				border-radius: 0;
				background-color: transparent;
			}
			
				.top-nav a.btn-alerts i,
				.top-nav a.btn-alerts span {
					display: block;
				}
				
				.top-nav a.btn-alerts i {
					margin-right: 0;
					font-size: 3rem;
					line-height: 1.9rem;
				}
				
				.top-nav a.btn-alerts span {
					font-size: 0;
					line-height: 0;
				}
				
				.top-nav a.btn-alerts span::before {
					content: "ALERTS";
					display: block;
					padding-top: 7px;
					font: 1.4rem/1.4rem "Source Sans Pro Black", sans-serif;
				}

			.top-nav a.btn-alerts__white {
				display: none;
			}	
			
			.top-nav .mobile-menu-btn,
			.mobile-nav-cta {
				display: block;
			}

			.smp-100-cta {
				/* display: block; */
                display: none;
			}

			nav > ul > li:nth-child(n+6) > a {
				color: #382a1e;
			}

			nav > ul > li:nth-child(n+6) > a::before {	
			  display: none;
			}	
			
	
	/* NAVIGATION */		
	
	nav {
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		z-index: 0;
		position: absolute;
		overflow: hidden;
		width: 100%;
		height: 0;
		margin-top: -30px;
		padding-right: 0;
		opacity: 0;
		background-color: transparent;
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		transition: height 0.2s, margin-top 0.4s, opacity 0.4s;
	}
	
	nav.open-menu {
		z-index: 6;
		overflow: visible;
		height: 100%;
		margin-top: 0;
		opacity: 1;
	}
		
		nav > ul,
		nav > ul > li {
			-ms-flex: 0 1 100%;
			-webkit-flex: 0 1 100%;
			flex: 0 1 100%;
		}
		
		nav > ul {
			width: 100%;
			max-width: 100%;
			background-color: #eae5dc;
		}
	
			nav > ul > li {
				font-size: 2.3rem;
				line-height: 2.3rem;
				background-color: #eae5dc;
				border-bottom: 1px solid #c5bfb3;
			}
			
			nav > ul > li::after {
				content: "";
				display: block;
				clear: both;
			}
			
			nav > ul > li:first-child,
			nav > ul > li:nth-child(n+6):nth-child(-n+8) {
				display: block;
			}
			
			nav > ul > li:last-child {
				border-bottom: 0;
				-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.35);
				box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.35);
			}
				
				nav > ul > li > span,
				nav > ul > li > a {
					width: 87.5%;
					margin: 0 auto;
					padding: 20px 0;
					color: #382a1e;
					transition: color 0s;
				}
				
				nav > ul > li > a {
					display: block;
					text-decoration: none;
				}
								
				nav > ul > li:nth-child(n+2):nth-child(-n+5) > span::before {
					display: none;
				}
				
				nav > ul > li > span:hover,
				nav > ul > li > .expanded {
					color: #382a1e;
				}
				
				nav > ul > li > span::after {
					z-index: 1;
					position: relative;
					bottom: 0;
					left: 0;
					content: "o";
					display: inline-block;
					float: right;
					width: auto; 
					height: auto;
					font: 1.7rem/2.4rem "Summit Metro Parks";
					color: #4f8a31;
					-ms-transform: rotate(0deg);
					-webkit-transform: rotate(0deg);
					transform: rotate(0deg);
					opacity: 1; 
					background-color: transparent;
					-webkit-transition: -webkit-box-shadow 0s, -webkit-transform 0.2s;
					transition: height 0s, opacity 0s, box-shadow 0s, color 0.2s, transform 0.2s;
				}
				
				nav > ul > li > .expanded::after {
					bottom: 0;
					height: auto;
					color: #382a1e;
					-ms-transform: rotate(45deg);
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
					-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
					box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
				}
				
				nav .main-child-menu-container {
					z-index: 1;
					position: relative;
					right: 0;
					width: 100%;
					background-color: #eae5dc;
					border-radius: 0;
					-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
					box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
				}
				
					nav ul.main-child-menu {
						-ms-flex-pack: justify;
						-webkit-justify-content: space-between;
						justify-content: space-between;
						width: 87.5%;
						margin: 0 auto;
						padding: 0 0 20px;
						-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
						box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
					}
					
						nav ul.main-child-menu ul {
							-ms-flex: 0 1 30%;
							-webkit-flex: 0 1 30%;
							flex: 0 1 30%;
						}
						
							nav ul.main-child-menu ul li a {
								margin-bottom: 5px;
								font-size: 1.5rem;
								line-height: 1.7rem;
							}
					
							nav ul.main-child-menu ul li.grandchild a::before {	
								display: none;
							}	
	
	
	/* CTAs */

	.cta-container {
		width: 100%;
	}
	
		.cta {
			height: 225px;
		}
	
			.cta > div h3 {
				font-size: 5rem;
				line-height: 5rem;
			}
		
			.cta > div h4 {
				font-size: 2.2rem;
				line-height: 3rem;
			}
	
	
	/* HOMEPAGE */
	
	.hp-slice h1,
	.hp-slice h2 {
		font-size: 4rem;
		line-height: 4rem;
	}
	
	
	/* HP - ROTATOR */
	
	body.IE .gallery,
	.gallery .slide {
		height: 400px;
	}
	
		.gallery .slide > img {
			margin-left: -500px;
			max-width: 1000px;
			min-width: 1000px;
			max-height: 400px;
			min-height: 400px;
		}
		
		body.IE .gallery .slide > img {
			width: 1000px;
		}
		
		.gallery .slide .slide-content {
			bottom: 25%;
		}
		
		.gallery .slide .slide-caption {
			bottom: 15px;
		}
	
	.gallery-indication {
		bottom: 10%;
	}
		
	.gallery-nav {
		bottom: 50%;
	}
	
	
	/* HP - INTRO */
	
	.hp-intro {
		padding: 50px 0 80px;
	}
	
	
	/* HP - BINS */
	
	#hp-bins > img {
		top: -50px;
		width: 100px;
		margin-left: -50px;
	}
		
	
	/* HP - GET INVOLVED */
	
	.hp-get-involved article > div {
		-ms-flex: 0 1 80%;
		-webkit-flex: 0 1 80%;
		flex: 0 1 80%;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		margin: 30px auto 0;
		font-size: 1.8rem;
		line-height: 2.4rem;
		text-align: left;
	}
	
	.hp-get-involved article > div:first-of-type {
		margin: 0 auto;
	}

		.hp-get-involved article > div a:nth-child(2) {
			margin: 0 0 0 15px;
			font-size: 2.8rem;
			line-height: 2.8rem;
		}
			
			.hp-get-involved article > div a:nth-child(2) i {
				font-size: 1.5rem;
			}	
		
		.hp-get-involved article > div p {
			-ms-flex: 0 1 100%;
			-webkit-flex: 0 1 100%;
			flex: 0 1 100%;
			margin: 5px 0 0;
		}

	/* SMP 100 Cover CTA */
	.smp-100-cover-cta {
		background-image: none;
    }

	.smp-100-cover-article .btn-container {
		margin-bottom: 0;
	}

	.smp-100-polaroid-wrapper {
		position: relative;
		min-height: 22vh;
	}

	.smp-100-cover-polaroids__left {
		left: 45%;
		width: 35vw;
		bottom: -20px;
	}

	.smp-100-cover-polaroids__right {
		right: 45%;
		width: 35vw;
		bottom: -10px;
	}


	
		
	/* SUBPAGE */
	
	/* BODY */
	
	.sp-content-container {
		width: 90%;
	}
	
		.sp-left {
			-ms-flex: 0 1 0%;
			-webkit-flex: 0 1 0%;
			flex: 0 1 0%;
			display: none;
		}
		
		.sp-center {
			-ms-flex: 0 1 100%;
			-webkit-flex: 0 1 100%;
			flex: 0 1 100%;
		}
	
	
	/* SP - HERO */
	
	.sp-hero {
		height: 175px;
	}

	.sp-hero img {
		margin-left: -515px;
		max-width: 1030px;
		min-width: 1030px;
		max-height: 175px;
		min-height: 175px;
	}
	
	body.IE sp.hero-img {
		width: 1030px;
	}
	
	.sp-hero h1 {
		top: 0;
	}
	
	
	/* FINDER */
	
	.finder article:first-of-type,
	.finder article:first-of-type + article {
		-ms-flex: 0 1 100%;
		-webkit-flex: 0 1 100%;
		flex: 0 1 100%;
	}
	
	.finder article:first-of-type {
		font-size: 0;
	}
	
	.finder article:first-of-type + article {
		max-width: 100%;
		margin-top: 20px;
	}
	
		.finder-location, 
		.finder article:first-of-type > h3,
		.finder article:first-of-type > .btn-container {
			width: 100%;
		}
		
		.finder article:first-of-type > .btn-container {
			padding: 0 0 20px;
			border-bottom: 1px solid #e0e0e0;
		}
		
		.finder-location, 
		.finder-filter {
			margin-bottom: 25px;
		}
		
		.finder-filter {
			display: inline-block;
			vertical-align: top;
			width: 48.5%;
		}
		
		.finder article:first-of-type div:nth-of-type(even) {
			margin-right: 3%;
		}
		
		.finder article:first-of-type div:last-of-type {
			margin-right: 0;
		}	
				
		.finder-options > .flexbox-content,
		.finder-options > div {
			-ms-flex: 0 1 100%;
			-webkit-flex: 0 1 100%;
			flex: 0 1 100%;
			text-align: center;
		}
		
		.finder-options > .flexbox-content {
			-ms-flex-flow: row wrap;
			-webkit-flex-flow: row wrap;
			flex-flow: row wrap;
		}
		
			.finder-options > .flexbox-content .btn-container {
				-ms-flex-order: 1;
				-webkit-order: 1;
				order: 1;
				margin: 0 auto;
				padding: 15px 0 25px;
			}
			
			
			.finder-options > .flexbox-content span {
				-ms-flex-order: 0;
				-webkit-order: 0;
				order: 0;
				font-size: 1.8rem;
				line-height: 2.2rem;	
			}
			
				body.IE11 .finder-options > .flexbox-content span > strong {
					display: block;
					margin: 5px 0;
				}
			
				.finder-options > .flexbox-content span > span {
					padding-right: 0;
				}
		
		.finder-result > div > .flexbox-content:first-of-type span,
		.finder-result > div > .flexbox-content:last-of-type h4 {
			font-size: 2rem;
		}
		
		.finder-result > div > .flexbox-content:first-of-type span a {
			margin-top: 3px;
			font-size: 1.6rem;
			line-height: 1.6rem;
		}
	
	
	/* ACTIVITIES */
	
	.activity-park h3 a i {
		font-size: 1.7rem;
	}
	
	
	/* PARK PAGE */
	
	.park-page-hero {
		height: 345px;
	}
	
		.park-page-hero > img {
			bottom: -18.5%;
			margin-left: -700px;
			max-width: 1400px;
			min-width: 1400px;
			max-height: 507px;
			min-height: 507px;
		}
		
		body.IE .park-page-hero > img {
			width: 1400px;
		}
		
		.park-page-hero .park-title {
			top: 0;
		}
		
			.park-page-hero .park-title h1 {
				font-size: 6.5rem;
				line-height: 6.5rem;
			}
			
			.park-page-hero .park-title a {
				width: 55px;
			}
			
				.park-page-hero .park-title i {
					font-size: 5.5rem;
				}
	
		.park-page-hero .park-information a img {
			width: 40px;
		}
	
	.park-area .park-information h3 {
		font-size: 3rem;
		line-height: 3rem;
	}
		
	.park-area .park-information-container > div:first-of-type > p:first-child {
		padding-right: 12%;
	}

	.park-area .park-information-container > div:first-of-type > p > strong,
	.park-area .park-information-container > .flexbox-content div strong {
		font-size: 2rem;
	}
	
	.park-gallery div {
		-ms-flex: 0 1 24.25%;
		-webkit-flex: 0 1 24.25%;
		flex: 0 1 24.25%;
	}
	
	.sp-photo-gallery div {
		-ms-flex: 0 1 23.5%;
		-webkit-flex: 0 1 23.5%;
		flex: 0 1 23.5%;
	}
	
		.park-gallery p {
			font-size: 1.5rem;
		}
		
	
	/* SHELTERS/LODGES */

	.shelter-lodge {
		padding: 25px 0;
	}
	
	.shelter-lodge:last-of-type {
		padding: 25px 0 0;
	}


	/* SWIM PASS */
	
	.swim-pass > div > p:nth-of-type(3) {
		font-size: 2.6rem;
		line-height: 2.6rem;
	}

	.swim-pass > div > p:nth-of-type(4) {
		font-size: 2.2rem;
		line-height: 2.2rem;
	}
	
								
	/* FOOTER */
	
	footer section article:first-of-type + article div:first-of-type + div h3 {
		font-size: 2.4rem;
		line-height: 2.6rem;
	}
	
	footer section article:first-of-type + article div:first-of-type + div p {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
		
}


@media only screen and (max-width: 850px) {
	
	/* UNIVERSAL STYLES */
	
	h1 {
		font-size: 5rem;
		line-height: 5rem;
	}		
		
	/* MOBILE CTA */

	.mobile-nav-cta .flexbox-content {
		width: 75%;
	}	
	
	
	/* INSTAGRAM FEED */
	
	.instagram-feed,
	.hp-intro {
    	padding: 40px 0 70px;
	}
	
	.instagram-feed-photos a,
	.park-gallery div,
	.sp-photo-gallery div {
		margin-bottom: 5px;
	}

	/* SMP 100 Cover CTA */
	.smp-100-polaroid-wrapper {
		min-height: 25vh;
	}

	.smp-100-cover-polaroids__left {
		left: 20%;
	}

	.smp-100-cover-polaroids__right {
		right: 25%;
	}


	/* HOMEPAGE */
	
	/* HP - ROTATOR */
	
	.gallery .slide .slide-content {
		bottom: 20%;
	}
	
		.gallery .slide .slide-content h2 {
			font-size: 5.5rem;
			line-height: 5.5rem;
		}
	
	.gallery .slide .btn-container .btn {
		padding: 10px 40px;
		font-size: 1.6rem;
		line-height: 1.6rem;
	}
	
	.gallery .slide .slide-caption {
		font-size: 1.4rem;
		line-height: 1.4rem;
	}
	
	.gallery-indication {
		bottom: 5%;
	}
	
	
	/* HP - INTRO */
		
	#hp-intro-stats {
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: 100%;
	}
	
		#hp-intro-stats div {
			-ms-flex: 0 1 24.5%;
			-webkit-flex: 0 1 24.5%;
			flex: 0 1 24.5%;
		}

			#hp-intro-stats div strong {
				font-size: 3rem;
				line-height: 3rem;
			}
			
			#hp-intro-stats div span {
				font-size: 1.6rem;
				line-height: 1.6rem;
			}
			
			#hp-intro-visits div strong {
				font-size: 4.5rem;
				line-height: 4.5rem;
			}
			
			#hp-intro-visits div span {
				font-size: 2rem;
				line-height: 2rem;
			}
			
	.hp-intro p {
		width: 100%;
	}	
		
		
	/* HP - BINS */
	
	#hp-bins {
		padding: 0 0 20px;
	}
	
		#hp-bins > img {
			top: -45px;
			width: 90px;
			margin-left: -45px;
		}	
		
			#hp-bins > article {
				margin: 75px auto 0;
			}
		
			#hp-bins > article > div {
				-ms-flex: 0 1 100%;
				-webkit-flex: 0 1 100%;
				flex: 0 1 100%;
				margin-bottom: 50px;
			}
			
				.hp-bin-content-container,
				#hp-bins > article > #hp-find-a-park .hp-bin-content-container {
					padding: 30px 0 50px;
				}	
				
					.hp-bin-content-container > img {
						display: none;
					}
					
					.hp-bin-content-container .hp-bin-content {
						width: 70%;
					}
					
						.hp-bin-content h3 {
							padding: 0;
							font-size: 3.2rem;
							line-height: 3.2rem;
						}
						
						.hp-bin-content span {
							font-size: 2rem;
							line-height: 2.2rem;
						}
						
						.hp-bin-content a {
							font-size: 1.8rem;
						}
						
					.hp-bin-content-container > a {
						width: 66px;
						height: 66px;
						margin-left: -33px;
					}	
					
						.hp-bin-content-container > a i {
							line-height: 76px;
						}
		
	
	/* HP - GET INVOLVED */

	.hp-get-involved {
		padding: 45px 0;	
	}
	
	
	/* HP - AUTISM FREINDLY */
	
	.hp-autism-friendly {
	    padding: 40px 0;
	}
	
		.hp-autism-friendly a img {
			width: 90px;
		}
		
		.hp-autism-friendly article p {
			font-size: 1.8rem;
			line-height: 2.4rem;		
		}
		

	/* SMP 100 Cover CTA */
	.smp-100-cover-article .btn {
		padding: 10px 40px;
		font-size: 1.8rem;
		font-size: 1.8rem;
	}	
	
	/* PARK PAGE */
	
	.park-page-anchors a {
		font-size: 1.8rem;
		line-height: 1.8rem;
	}
	
		.park-page-anchors a i {
			font-size: 1.8rem;
		}
	
	.park-area {
		margin-top: 35px;
		padding-bottom: 5px;
	}
		
		.park-area .park-image {
			-ms-flex: 0 1 22.5%;
			-webkit-flex: 0 1 22.5%;
			flex: 0 1 22.5%;
		}
		
		.park-area .park-information {
			-ms-flex: 0 1 77.5%;
			-webkit-flex: 0 1 77.5%;
			flex: 0 1 77.5%;
		}
		
			.park-area .park-information-container > .flexbox-content div {
				font-size: 1.6rem;
			}
	
		.park-area td {
			font-size: 1.6rem;
			line-height: 2rem;
		}
			
		.park-area th:last-child, 
		.park-area td:last-child {
			width: 50%;
		}
	
	.park-map {
		padding: 25px;
	}
	
	/* CONTACT FORM */
	
	.contact-form input[type="text"],
	.contact-form select {
		width: 75%;
	}
	
		
	/* FOOTER */
	
	footer section {
		width: 80%;
	}
	
		footer section article:first-of-type {
			-ms-flex: 0 1 100%;
			-webkit-flex: 0 1 100%;
			flex: 0 1 100%;
		}
		
		footer section article:first-of-type + article {
			-ms-flex: 0 1 80%;
			-webkit-flex: 0 1 80%;
			flex: 0 1 80%;
			-ms-flex-pack: distribute;
			-webkit-justify-content: space-around;
			justify-content: space-around;
			margin: 40px auto 0;
		}
		
			footer section article:first-of-type + article div:first-of-type {
				-ms-flex: 0 1 40%;
				-webkit-flex: 0 1 40%;
				flex: 0 1 40%;
				margin: 0;
			}	
		
			footer section article:first-of-type + article div:first-of-type + div {
				-ms-flex: 0 1 auto;
				-webkit-flex: 0 1 auto;
				flex: 0 1 auto;
			}
			
				footer section article:first-of-type + article div:first-of-type + div h3 {
					font-size: 2.6rem;
					line-height: 2.8rem;
				}
				
				footer section article:first-of-type + article div:first-of-type + div p {
					font-size: 2rem;
					line-height: 2.6rem;
				}
}


@media only screen and (max-width: 700px) {
	
		
	/* NAVIGATION */
	
	nav ul.main-child-menu ul {
		-ms-flex: 0 1 100%;
		-webkit-flex: 0 1 100%;
		flex: 0 1 100%;
	}
	
		nav ul.main-child-menu ul li a {
			margin-bottom: 0;
			font-size: 1.6rem;
			line-height: 2.2rem;
		}
		
		nav ul.main-child-menu ul li.grandchild a::before {	
			display: inline-block;
		}
		
		
	/* MOBILE CTA */

	.mobile-nav-cta .flexbox-content {
		width: 87.5%;
	}	
	
	
	/* INSTAGRAM FEED */
	
	.instagram-feed-photos a,
	.park-gallery div,
	.sp-photo-gallery div {
		-ms-flex: 0 1 49%;
		-webkit-flex: 0 1 49%;
		flex: 0 1 49%;
		margin-bottom: 12px;
	}
	
	
	/* HOMEPAGE */
	
	/* HP - ROTATOR */
		
	.gallery .slide .slide-caption {
		display: none;
	}
	
	.gallery-nav {
		bottom: 7%;
	}
	
	
	/* HP - INTRO */
	
	#hp-intro-visits div strong {
		font-size: 4rem;
		line-height: 4rem;
	}
	
	
	/* HP - GET INVOLVED */
	
	.hp-get-involved article > div {
		-ms-flex: 0 1 100%;
		-webkit-flex: 0 1 100%;
		flex: 0 1 100%;
	}
	
		
	/* PARK PAGE */
	
	.park-page-hero {
		height: 285px;
	}
	
		.park-page-hero > img {
			bottom: -45%;
		}
		
		.park-page-hero .park-title h1 {
			font-size: 5.5rem;
			line-height: 6rem;
		}
		
		.park-page-hero .park-title a {
			width: 45px;
		}
		
			.park-page-hero .park-title i {
				font-size: 4.5rem;
				line-height: 3rem;
			}
		
	.park-page-hero .park-information a img {
		width: 35px;
	}
	
	.park-page-anchors a {
		-ms-flex: 0 1 50%;
		-webkit-flex: 0 1 50%;
		flex: 0 1 50%;
		max-width: 50%;
	}
	
	.park-page-anchors a:nth-child(n+1):nth-child(-n+3) {
		border-right: 0;
	}
	
	.park-page-anchors a:nth-child(even) {
		border-left: 1px solid #fff;
	}
	
	.park-page-anchors a:nth-child(n+3) {
		border-top: 1px solid #fff;
	}
	
		.park-page-anchors a i {
			display: none;
		}
		
	.park-area .park-image {
		-ms-flex: 0 1 0%;
		-webkit-flex: 0 1 0%;
		flex: 0 1 0%;
		display: none;
	}
	
	.park-area .park-information {
		-ms-flex: 0 1 100%;
		-webkit-flex: 0 1 100%;
		flex: 0 1 100%;
	}
	
		.park-area .park-information-container > div:first-of-type > p:first-child {
			padding-right: 10%;
		}
	
		.park-area .park-information-container > div {
			width: 92.5%;
		}	
	
		.park-area .park-information h3 {
			padding: 12px 3.25%;
		}
		
	.park-area th:last-child, 
	.park-area td:last-child {
		width: 45%;
	}

	/* EDUCATIONAL ACTIVITIES & RESOURCES */

	.flexed-content.trailside-content {
		-webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
		flex: 1 1 100%;
	}
	
	.nature-activities-list .nature-activities-list__activity {
		-webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-bottom: 16px;
	}
	
	/* SEARCH */

	.searchBox input[type="text"] {
    	width: 50%;		
	}
				
	
	/* FOOTER */
	
	footer section article:first-of-type + article {
		-ms-flex: 0 1 90%;
		-webkit-flex: 0 1 90%;
		flex: 0 1 90%;
	}
		
		footer section article:first-of-type + article div:first-of-type + div h3 {
			font-size: 2.4rem;
			line-height: 2.6rem;
		}
		
		footer section article:first-of-type + article div:first-of-type + div p {
			font-size: 1.8rem;
			line-height: 2.4rem;
		}
		
		footer section article:first-of-type + article div:first-of-type + div .btn {
			font-size: 1.6rem;
			line-height: 1.6rem;
		}
	
}