.show_768 { display:none!important; }

@media screen and (max-width: 1400px){
	
	/* what we do */
	#what_we_do .col p { min-height:270px; }
	
}

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

	h1 { font-size:48px; }
	span.tooltip .tip { width:300px; }

	/* home */
	#feature .text { font-size:50px; }
	
	/* what we do */
	#what_we_do .col h3 { font-size:20px; }
	#what_we_do .col p { min-height:320px; }
	
	/* partners */
	#partners .intro .text { font-size:50px; }
	
	/* who we are */
	#who_we_are .team .col { padding:0 20px; margin-bottom:50px; }
	
	/* grant recipients */
	#grant_recipients .filters .cell { padding-right:20px; }
	#grant_recipients .filters .inner { padding:30px 20px 0 0; }
	#grant_recipients .recipients thead th { font-size:14px; }
	#grant_recipients .recipients td { font-size:14px; }
	
	/* work with us */
	#page.job_opening .pagenav a { font-size:14px; }
	
}

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

    .tablet-width-full { width: 100% !important; }
	
	h1 { font-size:40px; }
	
	span.tooltip { cursor:default; white-space:normal; }
	span.tooltip:hover { color:#98BB5D; }
	span.tooltip:hover .tip { display:none; }
	span.tooltip .count { display:none; }
	.citations { display:block; }
	
	#header .table { padding:40px 30px; }
	#footer .col { padding:0 30px; }
	#footer a { word-break:break-word; }
	#footer .copyright { padding:0 30px; }
	
	/* spotlight */
	.spotlight .cols .col { width:100%; float:none; }
	.spotlight .cols .col:first-child { padding-right:0; margin-bottom:50px; }
	.spotlight h2 { text-align:center; }
	.spotlight .logo { /*padding:30px;*/ margin:0 auto; } 
	
	/* intros */
	#intro .cols .col, #area_of_effort .cols .col { width:100%; float:none; }
	#intro .cols .col:first-child, #area_of_effort .cols .col:first-child { padding-right:0; }
	#intro .cols .col:last-child, #area_of_effort .cols .col:last-child { padding-left:0; }
	#intro.with_image .image { height:500px; }
	
	/* home */
	#feature .table { padding:150px 0 100px; }
	#feature .text { font-size:40px; }
	#feature .text span { margin-bottom:20px; }
	#feature .nav { height:60px; }
	#feature .nav a { padding:0 30px 0 20px; height:60px; line-height:60px; font-size:14px; }
	#feature .nav a:after { right:20px; }
	#latest .heading .col { width:100%; float:none; text-align:center; }
	#latest .heading .col:last-child { text-align:center; margin-top:30px; }
	#latest .excerpts .col { width:100%; max-width:480px; float:none; margin:0 auto; }
	#latest .excerpts .col:first-child { padding-right:0; }
	#latest .excerpts .col:last-child { padding-left:0; margin-top:50px; }
	
	/* what we do */
	#what_we_do .col h3 { font-size:24px; }
	#what_we_do .col { padding:0; width:100%; float:none; text-align:center; max-width:480px; margin:0 auto 80px; }
	#what_we_do .col:last-child { margin-bottom:0; }
	#what_we_do .col p { min-height:0; }
	#what_we_do img {  margin:0 auto; }
	#what_we_do a.button.arrow { max-width:250px; text-align:left; }
	
	/* area of effort */
	#area_of_effort .intro p { font-size:18px; }
	#area_of_effort .accordions .item .desc p span.tooltip { text-decoration:none; }
	
	/* partners */
	#partners .intro .text { font-size:42px; }
	#partners .search { padding:30px 0 50px; }
	#partners .search img { display:block; margin:0 auto 30px; }
	#partners .search a.button { display:block; width:240px; margin:30px auto 0; }
	#partners .organizations .cols .col { width:100%; max-width:200px; float:none; margin:0 auto 50px; padding:0; }
	#partners .organizations .cols:last-child .col:last-child { margin-bottom:0; }
	
	/* who we are */
	#who_we_are .team .col { padding:0 10px; margin-bottom:20px; }
	#who_we_are .team .person .label .name { font-size:18px; }
	#who_we_are .team .person .label { padding:20px; }
	#who_we_are .team .person .overlay { padding:20px 20px 54px; }
	#who_we_are .team .person .overlay a { bottom:15px; left:20px; }
	#who_we_are .hiring .job { display:block; width:100%; padding:0; }
	
	/* news */
	#posts .categories { flex-direction: column; }
	#posts .categories .col { width:100%; float:none; }
	#posts .categories .col:last-child { text-align:left; margin-top:30px; }
	#posts .categories li { margin:0 15px 20px 0; }
	#posts .feature h2 { font-size:24px; }
	/* #posts .feature .col.three-fifths { width:40%; }
	#posts .feature .col.two-fifths { width:60%; } */
	#posts .feature .col:last-child { padding-left:30px; }
	
	/* work with us */
	#page .cols .col { width:100%; float:none; }
	#page .cols .col:last-child { margin-top:50px; padding-left:0; }
	
	/* work with us */
	#page.job_opening .cols .col:first-child { padding-bottom:34px; border-bottom:1px solid #d2d2d2; }
	
	/* grant recipients */
	
	#grant_recipients .recipients th,
	#grant_recipients .recipients tr,
	#grant_recipients .recipients td { display:block; width:100%; text-align:left; line-height:1.5; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	#grant_recipients .recipients tr { padding:20px 0; }
	#grant_recipients .recipients thead tr { padding:20px 0; background:#98BB5D!important; }
	#grant_recipients .recipients thead th { padding:0 20px; text-align:left; }
	#grant_recipients .recipients td { padding:0 20px; }
	#grant_recipients .recipients td.org { font-family:'Euclid Flex', sans-serif; font-weight:normal; font-size:16px; }
	#grant_recipients .recipients span.tooltip .icon { vertical-align:middle; margin-right:8px; padding:5px 0 10px; }
	#grant_recipients .recipients span.tooltip .tip,
	#grant_recipients .recipients span.tooltip:hover .tip { padding:0; background:none; color:#314349; display:inline!important; width:auto!important; position:relative!important; bottom:auto!important; left:auto!important; font-size:11px; }
	#grant_recipients .recipients span.tooltip .tip:after { display:none; }
	
}

@media screen and (max-width: 768px){
		
	.hide_768 { display:none!important; }
	.show_768 { display:block!important; }

    .grid-2 { grid-row-gap: 60px; }

	.margin-30 { margin: 22px !important; }

	.margin-x-30 { margin-left: 30px !important; margin-right: 30px !important; }

	.landscape-margin-top-30 { margin-top: 22px !important; }

	.landscape-margin-bottom-0 { margin-bottom: 0 !important; }

	.landscape-block { display: block; }

    .landscape-max-width-full { max-width: 100% !important; }
	
	.wrapper { padding:0 30px; }
	.section, .section.section-140 { margin-top:80px; margin-bottom:80px; }
    .section_pad { padding-top: 80px; padding-bottom: 80px; }
    .richtext.text-20 * { font-size: 16px; }
	h1 { font-size:30px; }
	p.large { font-size:24px; }
    .text-36 { font-size: 30px; }
    .landscape-text-24 { font-size: 24px; }

    .button.block { display: inline-block; }
		
	#header .toggle span { text-align:left; text-indent:-9999em; }
	#header .toggle span.bars { margin-left:0; }
	#footer { padding:54px 30px; }
	#footer .col { padding:0; width:100%; float:none; text-align:center; }
	#footer .formwrap { max-width:300px; margin:0 auto 30px; }
	#footer .copyright { margin-top:60px; text-align:center; line-height:1.8; }
	#footer .copyright .floatleft,
	#footer .copyright .floatright { float:none; }
	
	/* table rows */
	.table_row .table,
	.table_row .cell { display:block; height:auto; }
	.table_row .text { text-align:center; }
	.table_row .text img { margin:0 auto 30px; }
	.table_row .cell.image { max-width:480px; margin:0 auto 30px; }
	.table_row.image_text .cell:last-child { padding:0; }
	.table_row.image_text .text p { font-size:20px; }
	
	/* intros */
	#intro.with_image .image { height:300px; }
	#intro p { font-size:18px; }
	#intro p:first-child { font-size:24px; }
	#intro.with_image.gradient_down .image { margin-top:0; }
	
	/* home */
	#feature .text { padding:0 30px; font-size:28px; }
	#feature .text a.button { min-width:0; line-height:38px; font-size:13px; padding:0 15px; }
	#feature .nav { height:auto; position:relative; bottom:auto; left:auto; }
	#feature .nav a { float:none; width:100%; border-top:1px solid #ffffff; }
	#feature .nav a:nth-child(2n) {	border-left:none; border-right:none; }
	#home .table_row .text { padding:0; }
	#home .table_row .cell.image { width:100%; }
	#home .table_row .text p { font-size:28px; }
	#twitter .slide { font-size:20px; }
	#twitter .slide .inner { padding:0 30px; }
	#twitter .slide a { word-break:break-word; }
	#twitter .prev,
	#twitter .next { height:20px; }
	
	/* area of effort */
	#area_of_effort .accordions .cols .col { width:100%; float:none; }
	#area_of_effort .accordions .cols .col:first-child { padding-right:0; }
	#area_of_effort .accordions .cols .col:last-child { padding-left:0; }
	.accordions .item .label { font-size:17px; }
	
	/* partners */
	#partners .intro.section { margin-top:80px; margin-bottom:80px; }
	#partners .intro .text { font-size:32px; }
	#partners .slider .slide { font-size:24px; }
	#partners .slider .slide .inner { padding:0 30px; }
	#partners .slider .pager,
	#featured .slider .pager { font-size:18px; }
	#partners .slider .pager span.cycle-pager-active:after,
	#featured .slider .pager span.cycle-pager-active:after { width:20px; margin-left:10px; }
	#partners .slider .pager span,
	#featured .slider .pager span { margin:0 5px; }
	#partners .slider .prev,
	#partners .slider .next { height:20px; }
	
	/* who we are */
	#who_we_are .icons .table { display:block; margin-bottom:30px; }
	#who_we_are .icons .cell { display:inline-block; margin:0 5px 15px; height:auto; }
	#who_we_are .icons .link span { font-size:14px; }
	#who_we_are .team .title { margin-bottom:50px; }
	#who_we_are .team .col { width:100%; float:none; padding:0; margin-bottom:30px; }
	#who_we_are .team .person .label .name { font-size:24px; }
	#who_we_are .team .person .label { padding:24px 30px; }
	#who_we_are .team .person .overlay { padding:30px 30px 64px; }
	#who_we_are .team .person .overlay a { bottom:30px; left:30px; }
	#who_we_are .team .cols:last-child .col:last-child { margin-bottom:0; }
	
	/* bio single */
	#bio .cols .col { width:100%; float:none; }
	#bio .cols .col:last-child { padding-left:0; margin-top:30px; }
	#bio img { max-width:200px; margin:0 auto; }
	#bio .title,
	#bio .position { text-align:center; }
	
	/* news */
	#posts .feature .col.one-half { width:100%; float:none; }
	#posts .feature .col.one-half img { max-width:400px; }
	#posts .feature .col:last-child { padding-left:0; margin-top:30px; }
	#posts .post_archives .table { display:block; height:auto; }
	#posts .post_archives .cell { display:block; height:auto; margin-bottom:30px; }
	#posts .rows .cols { margin:0; }
	#posts .rows .col { width:100%; float:none; padding:0; margin-bottom:60px; }
	#posts .rows a.thumb { max-width:300px; margin-bottom:24px; }
	#posts .loadmore { text-align:left; }
	#posts .loadmore .button { padding-right:60px; }
	#posts .loadmore .button:after { right:20px; }
	
	/* single */
	#single .postnav .cell.centertext { display:none; }
	#single .postnav .prev a span,
	#single .postnav .next a span { width:30px; }
	
	/* related */
	#related .cols { margin:0; }
	#related .col { width:100%; float:none; padding:0; margin-bottom:60px; }
	#related .col:last-child { margin-bottom:0; }
	#related a.thumb { max-width:300px; margin-bottom:24px; }
	
	/* grant recipients */
	#grant_recipients .filters .table { display:block; height:auto; }
	#grant_recipients .filters .cell { display:block; height:auto; padding-right:0; margin-bottom:30px; }
	#grant_recipients .filters ul { padding-left:15px; }
	#grant_recipients .recipients table { display:block; width:fit-content; max-width:100%; overflow-x:auto; }
	#grant_recipients .back_to_top { width:35px; height:35px; bottom:20px; right:20px; }
	
	/*consent footer*/
	#consent .inner {
	max-width:1200px;
	margin:0 auto;
	line-height:1.4;
	padding: 0px 20px;
	}
	#consent .close{
		top:15px;
		right:15px;
	}

	.grid.rows.grid_cols_3 { grid-template-columns: 1fr; }
	.sm\:py-30 {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#home-hero-logo {
		width: 45vw;
	    max-width: 180px;
	    bottom: 180px;
	}
}

@media screen and (max-width: 640px){
    .grid-2 {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-height: 600px){
	
	#menu { padding:100px 25px 100px 30px; }
	#menu .close { top:30px; right:30px; }
	#menu .social { bottom:30px; right:55px; }
	
}

@media screen and (max-width: 480px){
	
	#menu { width:480px; right:-480px; padding:100px 25px 100px 30px; }
	#menu .close { top:30px; right:30px; }
	#menu ul li a { font-size:24px; }
	#menu ul li.has_children span { top:0; }
	#menu ul li ul a { font-size:14px; }
	#menu .social { bottom:30px; right:55px; }
	
	/* partners */
	#partners .slider .slide { font-size:22px; }
	
	/* work with us */
	#page.job_opening .pagenav a { font-size:12px; }

}