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

}

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

    .grid > div{
        min-height:300px
        }

	#footer .padding{
		padding:25px 0
		}

}

@media screen and (min-width:992px){

	#our-initiatives .grid .content{
    	max-width:330px
		}

	#our-initiatives .grid .content h3{
		font-size:32px !important
		}

}

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

    h1,h2,h3,h4,h5,h6,.title{
        margin:-1.6px auto;
        font-size:16px
        }

    .heading{
    	font-size:36px
        }

    .title-small{
        margin:-1px 0;
        font-size:16px
        }

	#switches{
		padding:0
		}

	.blocks .block{
    	width:calc(33.33% - 30px)
	    }

	.block .tout-info h2{
		font-size:22px !important
		}

    .block .article{
    	height:50%
        }

    .block .article:nth-of-type(3){
    	display:none
        }

}

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

	.padding{
		padding:15px
		}

	.padding.s{
		padding:.1px 15px
		}

	.heading.cr-blue{
		font-size:48px
		}

    .p-large{
        font:16px/1.3em "Circular",Helvetica Neue,Helvetica,sans-serif
        }

	.mobile_hide{
		display:none !important
		}

	.mobile_display{
		display:block !important
		}

    .grid .g-4-2{
        width:100%
        }

    .grid .g-4-1{
        width:50%
        }

    .grid .g-3-1{
        width:100%
        }

    .grid .g-3-2{
        width:100%
        }

    .grid .g-4-2.search-block{
    	height:auto !important
	    }

    nav > ul > li:first-of-type{
    	width:100%
	    }

    nav > ul > li:nth-of-type(2),
    nav > ul > li:nth-of-type(3){
    	width:100%;
    	margin:30px 0 0
		}

    #switches a{
    	position:absolute;
    	display:block;
    	width:calc(100% - 100px) !important;
    	padding:25px 0 60px !important;
    	-webkit-transform:translateX(-50%);
    	transform:translateX(-50%);
    	text-align:center;
    	letter-spacing:.3em
	    }

    #switches a:nth-of-type(1){
    	left:calc(-50% + 100px)
	    }

	#switches a:nth-of-type(2){
    	left:50%
		}

    #switches a:nth-of-type(3){
    	left:calc(150% - 100px)
	    }

	    #get-to-know #switches a:nth-of-type(1){
	    	left:50%
		    }

		#get-to-know #switches a:nth-of-type(2){
	    	left:calc(150% - 100px)
			}

	    #get-to-know #switches a:nth-of-type(3){
	    	left:calc(250% - 100px)
		    }

	    #be-a-part #switches a:nth-of-type(1){
	    	left:50%
		    }

	    #be-a-part #switches a:nth-of-type(2){
	    	left:calc(150% - 100px)
			}

	    #be-a-part #switches a:nth-of-type(3){
	    	left:calc(250% - 100px)
		    }

    #switches a:not(.switch-center).active{
    	pointer-events:none
	    }

	#switches #logo{
		left:50% !important;
		opacity:1 !important
		}

    #switches .arrow{
    	display:block
    	}

	.tout .tout-info .type-serif{
		display:none
    	}

    .grid .large{
    	height:330px
	    }

    #homepage-grid .g-4-2:nth-of-type(2){
    	diplay:none
	    }

	#search-block .search-tags{
		margin:30px 0 45px
		}

	#our-initiatives{
		padding:65px 0 0
		}

	#our-initiatives .grid > div:nth-of-type(1),
	#our-initiatives .grid > div:nth-of-type(4),
	#our-initiatives .grid > div:nth-of-type(5),
	#our-initiatives .grid > div:nth-of-type(8){
	    float:none
	    }

	#our-initiatives .grid .content p{
		width:240px
		}

	#social-feeds #twitter-feed .post,
	#social-feeds #instagram-feed .post{
    	width:100% !important;
    	margin:0 0 35px;
    	padding:0
    	}

    #social-feeds #twitter-feed .post:last-of-type,
    #social-feeds #instagram-feed .post:last-of-type{
    	margin:0
	    }

	#social-feeds #instagram-feed .post{
		border-right:none
		}

	#maingrid .object-fit{
    	min-height:auto
    	}

	#maingrid .content.padding{
		padding:35px 15px
		}

	#maingrid .video-info-text{
		top:35px;
		left:15px
		}

	#maingrid .columns > div{
		width:100%;
		margin:0 0 30px;
		padding:0
		}

	#maingrid .g-1{
		padding:0 0 25px
		}

	#maingrid .icon img{
		margin:auto
		}

	#maingrid .columns .icon{
		border-left:1px solid transparent
		}

	#maingrid .g-3-1.rectangle{
		width:33.33%
		}

	#our-organization{
		padding:60px 0 20px
		}

	#our-organization .tabs{
		display:block;
		float:none;
		margin:0 0 30px
		}

	.unslider-nav ol{
		top:35px
		}

	#page-head #page-description{
		padding:25px 15px
		}

	#page-crumb .cta{
		float:none
		}

	#page-crumb .padding{
		display:inline-block;
		max-width:calc(100% - 60px);
  		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis
		}

	.blocks{
		padding:0
		}

	.blocks .block{
    	width:calc(50% - 30px)
	    }

	.blocks.b-3 .block{
		width:calc(50% - 30px)
		}

	.blocks.b-3 .block:nth-of-type(3){
		display:none
	    }

	.expand_toggle{
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		opacity:0
		}

	.expanded .expand_toggle{
		display:none
		}

	#event-filter .selections{
		width:calc(50% - 20px);
		margin:10px 15px 0 0
		}

	.forum-heading .cta{
		position:relative;
		bottom:auto;
		right:auto;
		margin:15px 0 20px
		}

	#single-person #content{
		width:100%;
		margin:auto		
		}

	#single #post-author img{
		margin:0 0 15px
		}

	#single #content blockquote{
		padding:30px 0 30px 15px
		}

	#single #content blockquote:before{
		left:0
		}

	#posts-recent-posts li .icon-plus{
		display:none
		}

	#sub-footer .column{
		width:100%;
		margin:0 0 60px
		}

	#sub-footer .column:last-of-type{
		margin:0
		}

	#sub-footer .cta{
		margin:20px 0 0
		}

	#sub-footer form .cta{
		margin:7px 0 0
		}

	#footer .padding{
		padding-top:35px
		}

	#footer #footer-info{
		margin:30px auto
		}

	#footer #footer-info-follow-copyright{
		display:block;
		float:none
		}

	#footer #footer-info-follow-copyright #follow{
		display:block;
		margin:30px auto
		}

}

@media screen and (max-width:420px){/*  iPhone 6+ width  */

	.padding.m{
		padding-top:35px;
		padding-bottom:35px
		}

	.padding.l{
		padding-top:50px;
		padding-bottom:50px
		}

    .heading{
        font:700 32px/1.08em "Circular",Helvetica Neue,Helvetica,sans-serif
        }

	nav > ul > li:first-of-type > .sub-menu{
        -webkit-column-count:1;
        -moz-column-count:1;
        column-count:1
	    }

	#header{
		/*margin:50px 0 0*/
		}

	#header-navigation #header-navigation_slide-button{
		margin:17.5px 0
		}

	#header-navigation nav{
        -webkit-overflow-scrolling:touch;
        max-height:calc(100vh - 50px)
		}

        html.header_slide #header-navigation nav{
            /*top:50px*/
        	}

    #switches a{
    	opacity:0
	    }

	#switches a.active{
		opacity:1
		}

	.tout-tags a{
		display:none
		}

	.tout-tags a:first-of-type{
		display:inline-block
		}

	#cover h1{
		left:15px
		}

	#maingrid .heading{
		font-size:36px
		}

	#maingrid .title{
		margin:15px 0;
		font-size:22px
		}

	#maingrid #our-mission .p-large{
		font-size:22px
		}

	#maingrid .cta{
		display:block;
		width:185px
		}

	#maingrid .g-3-1.rectangle{
		width:100%
		}

	#discuss-forums .blocks.b-3 .block{
		max-height:240px
		}

	#archive.public-programs .title-large{
		margin:-3.6px 10px 20px
		}

	.blocks{
		padding:0 10px
		}

	.blocks .block{
    	width:calc(100% - 10px);
    	margin:0 5px 10px
	    }

	.blocks.b-3{
		padding:0 10px 15px
		}

	.blocks.b-3 .block{
		width:100%;
		margin:0 5px 15px
		}

	.blocks.b-3 .block:nth-of-type(3),
    .block .article:nth-of-type(3){
		display:block
	    }

    .block .article{
        height:33.33%
        }

	.forum-heading{
		padding-top:30px
		}

	#page-forums #discuss-forums{
		margin:0
		}

	#single .padding.width{
		padding-bottom:0
		}


    #single #content,
    #single #content p,
    #single #content ol,
    #single #content ul,
    #single #content em{
        font-size:17px;
        line-height:30px
        }

	#single #posts-recent-posts{
		display:none
		}

	#posts-recent-posts li .title-large{
		font-size:20px
		}

    #fellowship-apply p{
    	display:block;
    	width:100%
        }

    #fellowship-apply .cta{
    	margin:30px 0 0
        }

	#sub-footer #newsletter .cta{
		margin:7px 0 0
		}

    #footer #footer-info-follow-copyright{
        text-align:left
        }

}

@media screen and (max-width:330px){/*  iPhone 5 width  */

    body{
        -webkit-overflow-scrolling:touch
        }

	.blocks .block{
    	margin:0 5px 10px
	    }

}