/* -- SMALL DESKTOPS -- */

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

	h1 {
		margin: 20px 0;
		font-size: 45px;
		line-height: 48px;
	}

	h2 {
		font-size: 24px;
		line-height: 28px;
		font-weight: normal;
		letter-spacing: 3px;
	}
	
	h3,
	h4 {
		font-size: 20px;
		line-height: 24px;		
	}

	header nav .close {
		left: 45px;
	}
	
	header nav .menu > ul {
		max-width: 400px;
	}
	
	header nav .menu > ul > li {
		background-position: right 50px center;
	}
	
	header nav .menu > ul > li.search {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	header nav .menu > ul > li a {
		padding-left: 45px;
	}
	
	header nav .menu > ul > li > ul {
		width: 400px;
		max-width: 400px;
	}
	
	header nav .menu > ul > li > ul > li a {
		padding: 13px 25px;
	}

	.column-lg {
		width: calc(64% - 20px);
	}
	
	.page {
		padding: 0 20px;	
	}
	
	.page-header-bar {
		height: 120px;
	}
	
	.page-header-bar h1 {
		padding: 0 180px;
	}

	.page-back {
		top: 50px;
	}
	
	.page-back a {
		font-size: 18px;
	}
	
	.page-share {
		top: 50px;
	}
	
	.page-share a {
		font-size: 18px;
	}
	
	.page-filter {
		top: 35px;
	}

	.page-filter a.trigger {
		padding: 12px 10px 12px 40px;
		font-size: 18px;
		background-position: left 12px center;
	}
	
	.page-hero-image {
		padding-top: 0;
		height: 600px;
	}
	
	.page-pad {
		padding: 0 20px;	
	}

	.page-intro h1 {
		padding: 0 170px;
	}

	.page-intro .page-back,
	.page-intro .page-share {
		top: 58px;
	}

	.page-intro .page-back {
		left: 25px;
	}
	
	.page-intro .page-share {
		right: 25px;
	}
	
	.page-contact {
		margin-bottom: 20px;	
	}
	
	.page-sidebox {
		margin-bottom: 20px;	
	}

	.page-menu ul {
		padding: 45px 20px 0px 20px;
	}

	.page-menu ul li {
		min-height: 100px;
		margin-bottom: 0;
	}
	
	.page-menu ul li .title {
		font-size: 26px;
		line-height: 30px;
		padding-top: 0;
	}
	
	.tabs .tab {
		padding: 20px;
	}

	.tabs .tab-box {
		margin-top: 20px;
		padding: 30px 20px;	
	}
		
	.news-grid {
		padding: 10px;
	}
	
	.news-grid .item {
		padding: 10px;
	}

	.news-grid .item .overlay .text {
		padding: 0 0 15px 18px;
	}
	
	.news-grid .item .overlay .text .title {
		font-size: 26px;
		line-height: 30px;
	}

	.news-grid .item .description {
		font-size: 16px;
		line-height: 23px;
	}

	.news-grid .item .description span {
		padding-left: 20px;
		padding-top: 20px;
		height: 70px;
	}
	
	.sub-features {
		padding: 10px;
	}
	
	.sub-features .item {
		padding: 10px;
	}
	
	.page-content img {
		width: 100%;
		margin-left: 0;
	}

	.page-content .iframe {
		width: 100%;
		margin-left: 0;
	}
	
	.page-content img.img-right {
		width: 300px;
		height: 300px;
		margin-right: 0;
	}
	
	.page-content img.img-left {
		width: 300px;
		height: 300px;
		margin-left: 0;
	}
	
	#home-mission h1 {
		font-size: 56px;
		line-height: 68px;
		margin: 11px 0;
	}

	/*#home-mission-overlay {
		width: 94%;
		width: calc(100% - 40px);
	}*/

	#home-mission .callouts {
		width: 98%;
		padding: 0 1%;
	}

	#home-mission .callouts .callout .description {
		font-size: 16px;
		line-height: 20px;
	}

	.hero-video {
		padding: 180px 0 50px;
	}
	
	.hero-video-visual {
		padding: 0 20px;
	}
	
	.hero-video-text {
		padding-top: 0;
		padding-right: 20px;
	}
	
	.hero-video-text .title {
		font-size: 27px;
		line-height: 32px;
	}
	
	.hero-video-text .summary {
		padding: 15px 0 25px;
		font-size: 15px;
		line-height: 22px;
	}

	#home-features {
		padding-top: 10px;
		padding-bottom: 10px;
	}	

	.home-features {
		padding: 0 10px;
	}
	
	.home-features .feature {
		padding: 10px;
	}
	
	.home-features .feature .title {
		font-size: 42px;
		line-height: 48px;
	}

	.home-features .feature .description {
		font-size: 16px;
		line-height: 22px;
	}
	
	.home-feature-large {
		padding: 10px 20px;
	}

	.home-feature-large .feature .image {
		width: 38%;
		height: auto;
		margin-left: calc(-19% - 30px);
	}

	.home-feature-large .feature .title {
		font-size: 42px;
		line-height: 48px;
		margin-top: 30px;
		padding-right: 10px;
	}

	.home-feature-large .feature .description {
		font-size: 16px;
		line-height: 22px;
		padding-right: 10px;
	}

	.home-feature-large .feature .action {
		padding-right: 10px;
	}		

	#home-in-action-carousel .slide .overlay {
		left: 20px;
	}
	
	#home-in-action-carousel .slide .description  {
		font-size: 16px;
		line-height: 22px;
	}

	#about-news {
		padding: 20px 0;	
	}
	
	#programs-page {
		padding: 0 20px 40px;
	}
	
	#programs-list > ul > li {
		padding: 50px 40px 40px;
		margin-bottom: 20px;
	}

	#programs-list .text {
		padding-left: 215px;
	}

	.program-alert {
		margin: 20px;
	}
	
	#program-menu ul {
		padding: 60px 40px 20px;
		margin-bottom: 20px;	
	}
		
	#program-menu ul li {
		margin-bottom: 20px;
	}
	
	#program-menu ul li .title {
		padding-top: 10px;
	}
	
	#purpose-list {
		margin: 60px auto;
		padding: 40px 0;
	}
	
	#purpose-list .item .summary {
		padding-right: 10%;
	}
	
	#purpose-grid {
		margin: 40px 0 60px;
		padding: 0 10px;
	}
	
	#purpose-grid .row {
		border-spacing: 10px;
		margin-bottom: 40px;
	}

	#staff-grid ul {
		max-width: 940px;
	}
	
	#staff-grid li {
		width: 50%;	
	}
	
	.program-alert-red,
	.program-alert-blue {
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 19px;	
	}
	
	.program-alert-red:after,
	.program-alert-blue:after {
		width: 26px;
		height: 26px;	
	}			

	#program-impact {
		padding: 40px 20px;
	}

	#program-impact .image {
		width: 300px;
		height: auto;
		left: 30%;
		margin-left: -200px;
	}

	#program-impact .title {
		font-size: 42px;
		line-height: 48px;
		margin-top: 0;
		padding-right: 10px;
	}

	#program-impact .description {
		font-size: 16px;
		line-height: 22px;
		padding-right: 10px;
	}

	#program-impact .action {
		padding-right: 10px;
	}	
	

	
}



/* -- LAPTOPS -- */

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

	.page-hero-title h1 {
		font-size: 40px;
		line-height: 40px;
		padding: 95px 50px 17px;
	}
	
	.page-hero-tag {
		font-size: 24px;
	}
	
}

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

	blockquote {
		margin: 50px auto;
		padding: 35px 0;
		font-size: 20px;
		line-height: 33px;
	}

	header .trigger {
		left: 40px;
	}
	
	header nav .close {
		left: 35px;
	}

	header nav .menu > ul {
		max-width: 50%;	
	}

	header nav .menu > ul > li {
		background-position: right 35px center;
	}

	header nav .menu > ul > li a {
		padding-left: 35px;
	}

	header nav .menu > ul > li.search {
		padding-left: 20px;
		padding-right: 20px;
		background: none;
	}

	header nav .menu > ul > li.search input[type="text"] {
		padding-left: 15px;
	}
	
	header nav .menu > ul > li.search input[type="image"] {
		margin-left: -40px;
	}

	header nav .menu > ul > li > ul > li a {
		padding-left: 30px;
		padding-right: 20px;
	}
	
	#header-button {
		right: 20px;	
	}

	.intro {
		font-size: 20px;
		line-height: 33px;
		margin: 35px auto 45px;
	}

	.page-intro .action {
		margin-top: 0;	
	}
	
	.page-back {
		left: 50px;
	}		

	.page-back a span {
		display: none;
	}
	
	.page-filter {
		right: 20px;
	}

	.page-filter a.trigger {
		width: 0;
		padding-right: 5px;
		overflow: hidden;	
	}

	.page-filter a span {
		visibility: hidden;	
	}
	
	.page-share {
		right: 20px;
	}	

	.page-share a span {
		display: none;
	}
		
	.page-content {
		font-size: 16px;
		line-height: 27px;
	}
	
	.page-content p,
	.page-content ul,
	.page-content ol {
		margin: 20px 0;
	}

	#program-menu-top a {
		height: auto;
		padding-bottom: 35px;
	}
	
	#program-menu-top .description {
		padding-right: 100px;
	} 	
			
	.page-menu ul li {
		width: auto;
		height: auto;
		margin-bottom: 20px;
		float: none;
	}

	.page-menu ul li img {
		width: 80px;
		height: 80px;
	}
		
	.page-menu ul li .title {
		padding-left: 100px;
		max-width: 400px;
	}

	.page-menu ul li .description {
		padding-left: 100px;
		max-width: 400px;
	}

	.page-nav ul {
		padding: 0 10px;
	}
	
	.column-lg,
	.column-sm {
		width: auto;
		float: none;
	}
	
	.sub-features {
		padding: 20px;
	}
	
	.sub-features .item {
		float: none;
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
		overflow: hidden;
		background: #E8ECF2;
	}

	.sub-features .item a {
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	
	.sub-features .item .image {
		float: left;
		width: 50%;
		height: auto;
		margin-right: 20px;
	}
	
	.sub-features .item .overlay {
		display: inline;
		position: relative;
		width: auto;
		height: auto;
		top: initial;
		padding: 0;
		background: none;
	}
	
	.sub-features .item .overlay .text {
		display: block;
		position: relative;
		bottom: initial;
		width: auto;
		text-align: left;
		padding: 0;
		text-shadow: none;
	}
	
	.sub-features .item .overlay .text .title {
		padding: 30px 20px 0;
		color: #000;
	}
	
	.sub-features .item .description {
		display: inline;
		position: relative;
		width: auto;
		height: auto;
		text-align: left;
	}
	
	.sub-features .item .description span {
		position: relative;
		padding:  5px 20px 0;
		top: initial;
		max-width: initial;
		-ms-transform: none;
		transform: none;
	}


	.hero-video {
		padding: 180px 0 20px;
	}
	
	.hero-video-visual {
		float: none;
		width: 100%;
	}
	
	.hero-video-text {
		float: none;
		width: 100%;
		padding: 30px 20px;
		text-align: center;
	}
	
	.hero-video-text .title {
		margin: auto;
		font-size: 27px;
		line-height: 32px;
	}
	
	.hero-video-text .summary {
		margin: auto;
		padding: 15px 0 25px;
		font-size: 15px;
		line-height: 22px;
	}

	.hero-video-text .action {
		margin: auto;
		padding: 0 20px;
	}
	
	
	#home-mission h1 {
		font-size: 46px;
	}	
	
	
	#purpose-list .item .title {
		font-size: 30px;
		line-height: 38px;
	}

	#purpose-grid {
		display: block;
		padding: 0;
	}

	#purpose-grid .row {
		display: block;
	}
	
	#purpose-grid .columns {
		display: block;
		padding: 0 15px;
	}
			
	#purpose-grid .item {
		display: block;
		float: left;
		box-sizing: border-box;
		width: 50%;
		height: 230px;
		border: 5px solid #FFF;
	}	


	
	#program-page-menu .page-menu ul li {
		width: auto;
		float: none;
	}

	#program-page-menu .page-menu ul li img {
		width: 80px;
		height: 80px;
	}
	
	#program-page-menu .page-menu ul li .title {
		padding-left: 100px;
		padding-right: 0;
	}
	
	#program-page-menu .page-menu ul li .description {
		padding-left: 100px;
		padding-right: 0;
	}


	#program-impact .image {
		width: 200px;
		height: 200px;
		margin-top: 40px;
		margin-left: -150px;
	}



	#article-page {
		padding-top: 20px;	
	}

	#article-title {
		margin-bottom: 30px;
		font-size: 40px;
		line-height: 44px;	
	}
	
	#article-date {
		font-size: 17px;	
	}

	#article-date .bull {
		width: 5px;
		height: 5px;
		margin: 0 2px 5px;
	}	

}



/* -- TABLETS -- */


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


	h1 {
		font-size: 40px;
		line-height: 46px;
	}
	
	.news-grid .item {
		float: none;
		width: auto;
	}

	footer {
		padding: 30px 5px;
	}
	
	#footer-nav ul li {
		display: block;
		margin: 0;
		padding: 14px 0;
	}
	
	#footer-nav-sub {
		padding: 0 0 30px;	
	}
	
	#footer-nav-sub ul li {
		display: block;
		margin: 0;
		padding: 10px 0;
	}

	.page-filter-menu {
		width: 400px;
		margin-left: -210px;
		padding: 10px 20px 30px;
	}
	
	.page-filter-menu ul li {
		font-size: 16px;
	}
	
	.page-header-bar h1 {
		padding: 0 85px;
	}
			
	.page-hero-image {
		height: 400px;
	}


	
	.page-intro h1 {
		padding: 0 70px;
	}
	
	.page-details {
		display: block;
		padding-bottom: 0;
	}
	
	.page-details .page-contact {
		margin: 20px 0;
		-webkit-flex: initial;
		-ms-flex: initial;
		flex: initial;
	}
	
	.page-contact {
		padding: 40px 20px;
		margin-bottom: 20px;
	}
	
	.page-details .page-nav {
		padding: 30px 20px 40px;
		margin: 20px 0;
		-webkit-flex: initial;
		-ms-flex: initial;
		flex: initial;
	}
	
	.hero-promo {
		min-height: initial;
		height: 500px;	
	}

	.hero-promo .text {
		left: 25px;
		bottom: 40px;	
	}

	.hero-promo .text .title {
		font-size: 42px;
		line-height: 48px;	
	}

	.hero-promo .text .description {
		font-size: 18px;
		line-height: 22px;
		padding: 10px 0 20px;
	}
			
	.tabs-controls {
		padding: 20px 5px;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: 0.5px;
	}

	.tabs-controls ul li a {
		padding: 12px 20px;
	}
	
	.tabs .tab {
		padding: 40px;
		background: #E8ECF2;
	}
	
	.tabs .tab-intro {
		width: 90%;
		margin: 0 auto 40px;
		padding-top: 24px;
		font-size: 16px;
		line-height: 25px;
	}

	.tabs .tab {
		padding: 10px;
	}

	.tabs .tab-box {
		margin-top: 10px;
		padding: 30px 10px;
	}	

	.tabs .tab-box h2 {
		margin-bottom: 20px;
	}
	
	.tabs .tab-box ul li {
		float: none;
		width: auto;	
		margin: 0;
		padding: 8px 10px;
	}
	
	.tab-box ul {
		font-size: 18px;
		line-height: 22px;
	}

	.sub-features .item {
		float: none;
		width: auto;
		padding: 0;
		background: none;
	}
	
	.sub-features .item .image {
		display: block;
		width: 100%;
		height: auto;
		float: none;
	}
	
	.sub-features .item .overlay {
		display: block;
		position: absolute;
		width: 100%;
		height: 0;
		top: 0;
		padding: 64.60176% 0 0;
		color: #FFF;
		background: -moz-linear-gradient(top, rgba(0,0,0,0.015) 0%, rgba(0,0,0,0.015) 50%, rgba(0,0,0,0.77) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.015) 0%,rgba(0,0,0,0.015) 50%,rgba(0,0,0,0.77) 100%); 
		background: linear-gradient(to bottom, rgba(0,0,0,0.015) 0%,rgba(0,0,0,0.015) 50%,rgba(0,0,0,0.77) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c4000000',GradientType=0 );
	}

	.sub-features-3 .item .overlay {
		padding: 100% 0 0;
	}
	
	.sub-features .item .overlay .text {
		display: block;
		position: absolute;
		bottom: 0;
		width: 100%;
		text-align: center;
		padding-bottom: 28px;
		text-shadow: 0 0 8px rgba(0,0,0,.7);
	}
	
	.sub-features .item .overlay .text .title {
		display: block;
		padding: 0 20px;
		font-size: 30px;
		line-height: 36px;
		font-weight: 900;
		-webkit-font-smoothing: antialiased;
		color: #FFF;
	}
	
	.sub-features .item .description {
		display: block;
		position: relative;
		height: 110px;
		font-size: 16px;
		line-height: 24px;
		background: #E8ECF2;
		text-align: center;
	}
	
	.sub-features .item .description span {
		display: block;
		position: absolute;
		padding: 0 20px;
		max-width: 550px;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	
	#program-menu-top .description {
		padding-right: 20px
	} 	
		
		
	#home-mission {
		height: auto;
		min-height: initial;
		background-color: #FFF;
	}
	
	#home-mission-image {
		height: 500px;
		background-attachment: scroll;
	}
	
	#home-mission-image:after {
		display: block;
		content: "";
		position: absolute;
		z-index: 2;
		left: 0;
		top: 400px;
		width: 100%;
		height: 100px;
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#FFFFFFFF',GradientType=0);	
	}

	#home-mission-overlay {
		position: relative;
		z-index: 3;
		width: 94%;
		width: calc(100% - 40px);
		max-width: initial;
		height: auto;
		top: initial;
		left: initial;
		-ms-transform: none;
		transform: none;
		margin: -160px auto 0;
		padding-bottom: 40px;
		background: #5785C7;
	}

	#home-mission h1 {
		font-size: 50px;
		line-height: 58px;
		margin: 0;
	}

	#home-mission h1:after {
		display: block;
		content: "";
		height:  0;
		width: 70%;
		margin: 35px 15% 15px;
		border-bottom: 2px solid #6E96D0;
	}

	#home-mission .callouts .callout {
		float: none;
		width: auto;
		padding: 52px 6% 50px;
	}

	#home-mission .callouts .callout .description {
		min-height: initial;
	}


	
	.home-features .feature {
		float: none;
		width: auto;
	}
	
	.home-feature-large {
		padding-bottom: 10px;	
	}
	
	.home-feature-large .feature {
		height: auto;
		margin-top: 180px;
		padding-top: 0;
		text-align: center;
		overflow: visible;
	}
	
	.home-feature-large .feature .image {
		float: none;
		position: absolute;
		width: 260px;
		height: 260px;
		left: 50%;
		margin-left: -130px;
		margin-top: -160px;
	}
	
	.home-feature-large .feature .title {
		float: none;
		width: auto;
		padding-right: 0;
		margin: 0;
		padding: 125px 0 20px;
		font-size: 36px;
		line-height: 42px;
	}
	
	.home-feature-large .feature .description {
		float: none;
		width: auto;
		padding-right: 0;
		font-size: 16px;
		line-height: 22px;
	}
	
	.home-feature-large .feature .action {
		float: none;
		width: auto;
		padding-right: 0;
		margin-top: 40px;
	}
	
	#home-in-action {
		height: 800px;
		margin-top: 20px;	
	}
	
	#home-in-action .heading {
		position: relative;
		width: auto;
		padding: 20px 0 30px;
		color: #68828E;
		cursor: default;
		text-shadow: none;
		background: none;
		filter: none;
	}
	
	#home-in-action .heading h2 {
		padding: 0 30px;
		font-size: 24px;
		line-height: 30px;
		letter-spacing: 3px;
	}
	
	#home-in-action .heading p {
		padding: 0 30px;
		font-size: 16px;
	}
	
	#slider-timer {
		display: none;
	}
	
	#home-in-action .slider-next {
		display: none;
	}

	#home-in-action-wrap {
		height: 600px;
	}
	
	#home-in-action-carousel {
		height: 600px;
	}
		
	#home-in-action-carousel .slide {
		height: 600px;
		background-color: #FFF;
		background-size: 100% auto;
		background-position: center 120px;
		overflow: hidden;
	}
	
	#home-in-action-carousel .slide .image {
		position: relative;
		width: 100%;
		height: 1px;
		padding-top: 60%;
		filter: brightness(97%);
	}

	#home-in-action-carousel .slide .overlay {
		position: relative;
		width: auto;
		min-width: initial;
		height: auto;
		top: initial;
		left: initial;
		padding-top: 0;
		-ms-transform: none;
		transform: none;
		background: none;
		text-align: center;
	}
	
	#home-in-action-carousel .slide .overlay .title {
		font-size: 35px;
		line-height: 40px;
	}
	
	#home-in-action-carousel .slide .overlay .description {
		font-size: 16px;
		line-height: 22px;
	}
	
	#staff-grid ul {
		max-width: 500px;
		padding: 20px;
	}

	#staff-grid li {
		float: none;
		width: auto;
		padding: 20px;
	}
	
	#program-content {
		padding-bottom: 0;	
	}
			
	#purpose-grid .item {
		height: 275px;
	}

	#program-impact .impact-story {
		text-align: center;
	}
	
	#program-impact .image {
		float: none;
		position: absolute;
		width: 200px;
		height: 200px;
		left: 50%;
		margin-top: 0;
		margin-left: -100px;
	}
	
	#program-impact .title {
		float: none;
		width: auto;
		padding-right: 0;
		margin: 0;
		padding: 230px 0 20px;
		font-size: 36px;
		line-height: 42px;
	}
	
	#program-impact .title h2 {
		margin-bottom: 20px;
	}
		
	#program-impact .description {
		float: none;
		width: auto;
		padding-right: 0;
		font-size: 16px;
		line-height: 22px;
	}
	
	#program-impact .action {
		float: none;
		width: auto;
		padding-right: 0;
		margin-top: 40px;
	}

	#giving-options {
		padding-top: 50px;
	}
	
	#giving-options .online a {
		font-size: 32px;
	}

	
}


/* -- PHABLETS -- */


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


	header {
		height: 100px;	
	}
	
	#header-logo {
		width: 178px;
		height: 70px;
		margin-top: 11px;
	}
		
	#header-logo a #logo-main {
		width: 101px;
		height: 56px;
	}
	
	#header-logo a span.text {
		width: 79px;
		height: 32px;
	}
	
	#header-logo a span.anniversary {
		width: 91px;
		height: 11px;
	}

	#header-button {
		display: none;
	}

	header .trigger {
		top: 33px;
		left: 30px;
		width: 28px;
		padding-top: 4px;
	}

	header .trigger span {
		height: 4px;
		margin-bottom: 5px;
	}	

	header nav .close {
		top: 39px;
		background-size: 75% 75%;
	}
		
	header nav .menu > ul {
		max-width: 330px;	
		padding-top: 100px;
	}

	header nav .menu > ul > li.search {
		padding-top: 24px;
	}

	header nav .menu > ul > li.search input[type="text"] {
		padding-top: 12px;
		padding-bottom: 13px;
		font-size: 24px;
	}
	
	header nav .menu > ul > li.search input[type="image"] {
		margin-top: 15px;
	}

	header nav.search-mode .menu > ul {
		height: 110px;	
	}

	header nav.search-mode .menu > ul > li.search {
		padding-top: 25px;
		padding-bottom: 25px;
	}
			
	header nav .menu > ul > li {
		font-size: 22px;
		line-height: 26px;
		background: none;
	}

	header nav .menu > ul > li > ul {
		display: none !important;
	}

	header nav .menu > ul > li > a {
		padding-top: 13px;
		padding-bottom: 13px;
	}
	
	header nav.search-mode .close {
		left: 15px;	
	}
	
	header nav.search-mode .menu > ul > li.search {
		padding-left: 60px;
		padding-right: 30px;
	}
	
	.page-header-bar {
		margin-top: 100px;	
	}

	.page-back {
		left: 38px;	
	}
	
	.page-content img {
		width: 100%;
		float: none;
		margin: 30px 0;
	}
		
	.page-content img.img-right {
		width: 200px;
		height: 200px;
		margin-left: 20px;
	}
	
	.page-content img.img-left {
		width: 200px;
		height: 200px;
		margin-right: 20px;
	}
	
	.page-menu {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.page-menu ul li {
		padding-bottom: 20px;
	}
			
	.page-menu ul li .title {
		max-width: initial;	
		font-size: 22px;
		line-height: 26px;
	}

	.page-menu ul li .description {
		max-width: initial;	
	}
	
	.hero-spacer {
		height: 100px;
	}
		
	#purpose-list .item {
		display: block;
	}
	
	#purpose-list .item .title {
		display: block;
		width: auto;
		padding: 10px 0 0;
		text-align: center;
	}
	
	#purpose-list .item .summary {
		display: block;
		padding: 10px 30px 30px;
		text-align: center;
	}
		
	#programs-list .image {
		left: 50%;
		margin-left: -87px;
	}
	
	#programs-list .text {
		padding-top: 205px;
		padding-left: 0;
	}

	#programs-list .title {
		text-align: center;
	}

	#purpose-grid .item {
		width: 100%;
		height: auto;
		min-height: 200px;
		float: none;
	}
	
	#article-page {
		padding-top: 0;	
	}
		
}


@media screen and (max-width: 600px) {
	
	.page-hero-title h1 {
		padding-top: 60px;
		padding-left: 60px;
		padding-right: 60px;
	}
	
	.page-hero-tag {
		font-size: 20px;
	}
}

/* -- PHONES -- */


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

	
	.page-header-bar {
		height: 90px;
	}

	.page-header-bar h1 {
		padding: 0 70px;
		font-size: 32px;
		line-height: 34px;
	}	

	.page-back {
		top: 35px;
		left: 36px;
	}
	
	.page-share {
		top: 35px;
		right: 30px;
	}
	
	.page-filter {
		top: 21px;
	}
	
	.page-sidebox {
		padding: 40px 20px 50px;	
	}

	.page-filter-menu {
		width: auto;
		left: 0;
		margin-left: 0;
	}
	
	.page-menu ul li .title {
		padding-right: 0;	
	}
	
	.page-menu ul li .description {
		padding-right: 0;	
	}

	.page-nav ul li {
		padding-left: 15px;
	}
		
	.image-list {
		padding-top: 20px;	
	}
	
	#news-list h2 {
		margin-top: 40px;	
	}

	.image-list li .image {
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	
	.image-list li .text {
		float: none;
		width: auto;
	}


	.faqs {
		padding-top: 20px;
	}
	
	.faqs .question {
		max-width: 86%;
		padding: 16px 20px;
		border-radius: 30px;
		font-size: 18px;
		line-height: 24px;
	}
	
	.faqs .question:after {
		left: 30px;
		bottom: -20px;
	}
	
	.faqs .answer {
		max-width: 86%;
		padding: 25px 20px 20px;
		margin-bottom: 50px;
		border-radius: 30px;
		font-size: 14px;
		line-height: 22px;
	}
	
	.faqs .answer:after {
		right: 30px;
		bottom: -20px;
	}
	
	.more {
		padding-top: 20px;
		padding-bottom: 20px;	
	}




	#home-mission h1 {
		font-size: 11vw;
		line-height: 11.5vw;
		padding-left: 0;
		padding-right: 0;
	}


	#program-menu ul {
		padding: 50px 20px 10px;	
	}

			
	#staff-grid {
		padding: 25px 10px 0;	
	}

	#staff-grid ul {
		padding: 10px;
	}

	#staff-grid li {
		padding: 0 10px 40px;
	}	

	#programs-list > ul > li {
		padding: 40px 20px;
	}

	#programs-list ul li .more {
		padding: 10px 0 0;
		text-align: center;
	}	

	#article-date {
		font-size: 14px;	
	}

	#article-date .bull {
		width: 4px;
		height: 4px;
		margin: 0 2px 4px;
	}
	
	#article-title {
		font-size: 36px;
		line-height: 40px;
		margin-bottom: 30px;				
	}

	#article-tags {
		padding-top: 20px;
	}

	#article-tags a {
		margin: 0 5px 8px 0;
		padding: 8px 16px;
		height: 18px;
		font-family: 'Oswald', sans-serif;
		font-size: 11px;
		line-height: 18px;
		letter-spacing: 1px;
		border-radius: 17px;
	}

	#giving-options {
		margin: 50px 0;
		padding-top: 30px;
		padding-bottom: 10px;
	}
	
	#giving-options .online {
		padding: 20px 20px 10px;
	}
		
	#giving-options .online a {
		display: block;
		width: auto;
		padding-left: 0;
		padding-right: 0;	
		margin-left: 0;
		margin-right: 0;
	}
	
	#giving-options .alternate {
		width: auto;
		padding: 20px;
	}
	
	#giving-options .alternate a {
		display: block;
		width: auto;
		padding-left: 0;
		padding-right: 0;	
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 15px;
	}
			
}



@media screen and (max-width: 370px) {
	
	#header-logo {
		width: 101px;
	}
		
	#header-logo a span.text {
		display: none;
	}

	.page-content img.img-right {
		width: 150px;
		height: 150px;
	}
	
	.page-content img.img-left {
		width: 150px;
		height: 150px;
	}
	
}