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

	#home-header .angle {
		transform: rotate(2deg);
	}
	
}

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


	#header #nav ul li {
		padding-left: 1%;
		padding-right: 1%;
	}

	#home-header .angle {
		transform: rotate(4deg);
	}

	.news-list .item .main {
		height: 190px;
	}

	.news-list .item img {
		width: 190px;
		height: 190px;
		margin-right: 15px;
	}		

	.news-list .item .text {
		height: 170px;
	}

	.news-list .item .title {
		padding-top: 35px;
		padding-bottom: 10px;
		font-size: 20px;
		line-height: 23px;
	}
	
	.news-list .item .summary {
		font-size: 13px;
		line-height: 16px;
		height: 50px;
	}


	#page {
		padding: 30px 20px;	
	}

	#landing-features {
		margin: 20px 0;	
	}
	
	.side-box {
		padding-left: 20px;
		padding-right: 20px;	
	}

	#nh-nav {
		height: auto;
		padding: 20px 5px 8px;
	
	}	

	#nh-nav ul li {
		padding-bottom: 10px;
	}
		
}

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

	#header h1,
	#header #site-name {
		position: relative;
		left: initial;
		top: initial;
		text-align: center;	
	}	

	#header #nav {
		position: absolute;
		z-index: 10;
		left: 0;
		top: 8px;
		padding: 0;
		margin: 0;
		font-size: 17px;
		line-height: 19px;
	}

	#header #nav #nav-menu {
		display: block;
		width: 50px;
		height: 50px;
		margin-left: 25px;
		cursor: pointer;
		background: url(../images/menu.svg) center center no-repeat;
	}	
	
	#header #nav ul {
		display: none;
		position: absolute;
		z-index: 10;
		top: 57px;
		left: 0;
		width: 310px;
		margin: 0;
		padding: 20px 0;
		background: #222;
	}	
	
	#header #nav ul li {
		display: block;
		text-align: left;
		padding: 0;
		margin: 0;
		height: auto;
	}
	
	#header #nav ul li.current-menu-item,
	#header #nav ul li.current-menu-ancestor,
	#header #nav ul li.current-page-ancestor,
	#header #nav ul li.current-post-ancestor {
		background: #444;
		border-radius: 0;
	}
	
	#header #nav ul li.current-menu-item a,
	#header #nav ul li.current-menu-ancestor a,
	#header #nav ul li.current-page-ancestor a,
	#header #nav ul li.current-post-ancestor a {
		color: #FFF;
	}

	#header #nav ul li a {
		display: block;
		padding: 20px 10px 20px 25px;
		width: auto;
		border-bottom: 0;
	}	

	#header #nav ul li a:hover {
		background: #444;
	}		

	#header #nav ul li.search {
		display: block;
	}	
	
	#header #nav ul li ul.sub-menu {
		position: relative;
		top: initial;
		left: initial;
		height: auto;
		background: #666;
		padding-bottom: 15px;
	}		
	
	#header #nav ul li ul.sub-menu li {
		display: block;
		margin: 0;
		background: transparent !important;
	}
	
	#header #nav ul li ul.sub-menu li a {
		display: block;
		margin: 0;
		padding: 5px 20px 5px 35px;
	}


	#header #nav ul.sub-menu li a:hover,
	#header #nav ul.sub-menu li.current-page-ancestor a,
	#header #nav ul.sub-menu li.current-post-ancestor a {
		border-color: transparent;
		background: transparent;
	}
	
	#header #nav ul.sub-menu li.current-menu-item a:hover,
	#header #nav ul.sub-menu li.current-page-ancestor a:hover,
	#header #nav ul.sub-menu li.current-post-ancestor a:hover {
		color: #FFF;
	}
	
	#header #nav ul.sub-menu li.current-page-ancestor:first-child a,
	#header #nav ul.sub-menu li.current-post-ancestor:first-child a {
		border-color: transparent;
	}
	
	#header #nav ul.sub-menu li.current-menu-item a,
	#header #nav ul.sub-menu li.current-page-ancestor:first-child a:hover,
	#header #nav ul.sub-menu li.current-post-ancestor:first-child a:hover {
		border-color: transparent;
		background: transparent;
	}


	
	#content {
		padding-top: 0;	
	}

	.column-main {
		float: none;
		width: auto;
		padding: 30px;
	}
	
	.column-side {
		width: auto;
		padding-top: 0;
		float: none;
	}
	
	.side-box {
		padding-left: 60px;
		padding-right: 60px;	
	}



	#page {
		padding: 20px;	
	}
	
	#page-share {
		top: 70px;
		right: 50px;		
	}
	
	#header #search-button {
		display: none;
	}	


	#home {
		padding-top: 66px;	
	}
	
	#home-title {
		width: auto;
	}
	
	#home-title .name {
		font-size: 28px;
	}
	
	#home-title .name span {
		display: block;
	}	
	
	#home-title .tagline {
		padding-right: 0;
		text-align: center;
		font-size: 16px;
	}

	#home-header .angle {
		transform: rotate(0deg);
		margin-top: 30px;
	}


	
	.news-list .item,
	.news-list .item:nth-child(even) {
		float: none;
		width: auto;
	}
	
	.news-list .item .title {
		padding-top: 30px;
		padding-bottom: 15px;
		font-size: 23px;
		line-height: 26px;
	}

	.news-list .item .summary {
		height: 43px;
	}




	.button-list {
		margin: 30px 0;
		padding: 40px 80px;
	}


	.news-list .item .summary {
		font-size: 16px;
		line-height: 22px;
	}

	#landing-share {
		top: 50px;
		right: 50px;
	}	

	#landing-hero .text {
		left: 40px;
		bottom: 50px;
		max-width: 450px;
		font-size: 22px;
		line-height: 29px;
	}

	#landing-hero .text .intro {
		margin: 20px 0 30px;
	}
		
	#landing-features {
		margin: 30px 0;
		padding-left: 5%;
		padding-right: 5%;
	}

	#landing-features .feature {
		float: none;
		width: auto;
		padding-right: 2%;
		margin-bottom: 0;
		padding-bottom: 50px;
		overflow: hidden;
	}
	
	#landing-features .feature .image {
		width: 30%;
		margin-right: 0;
	}
	
	#landing-features .feature .image img {
		width: 100%;
		height: auto;
	}

	#landing-features .feature .text {
		display: block;
		float: right;
		width: 55%;
		padding-right: 10%;
	}
	

	#article .hero {
		margin-bottom: 0;
	}
	
	#article .hero .text {
		position: relative;
		width: 80%;
		bottom: 58px;
		left: 50px;	
	}


	#article .hero .caption {
		position: relative;
		width: 80%;
		right: initial;
		margin-left: 75px;
	}
	
	#article .hero .caption:after {
		right: initial;
		top: 0;
		margin-left: -20px;
		border: solid transparent;
		border-color: rgba(189, 189, 189, 0);
		border-bottom-color: #BDBDBD;
		border-width: 5px;
	}

	#article .column-side {
		padding: 0 30px 40px;
	}
	
	#page .column-side {
		padding: 0 30px 40px;
	}		

}




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



	.button-list {
		padding: 10px 40px;	
	}
}



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

	#footer-title .name {
		font-size: 4vw;
		line-height: 4.2vw;
	}
	
	#footer-title .tagline {
		font-size: 3vw;
		line-height: 3.2vw;
	}

	.button-list {
		padding: 5px 30px;
	}
	
	.button-list .item {
		position: relative;
		width: 100%;
		overflow: hidden;
		padding: 40px 0;
		font-size: 16px;
		line-height: 22px;
		border-bottom: 1px solid #D2D2D2;
	}
	
	
	.button-list .item .text {
		float: none;
		width: auto;
	}
	
	.button-list .item .link {
		float: none;
		width: 170px;
		max-width: 170px;
		height: auto;
		padding-top: 40px;
		text-align: center;
		margin: auto;
	}
	
	.button-list .item .title {
		font-size: 24px;
		line-height: 30px;
	}



	#page h2 {
		font-size: 40px;
		line-height: 42px;
	}

	#page-share {
		position: absolute;
		top: 62px;
		right: 25px;
	}

	#landing-hero {
		position: relative;
		width: 100%;
		height: auto;
		padding-top: 40%;
		background-repeat: no-repeat;
		background-size: 110% auto;
		background-position: right top;
	}

	#landing-share {
		top: 35px;
		right: 30px;
	}	

	#landing-hero .text {
		position: relative;
		background: initial;
		left: 0;
		bottom: initial;
		width: 90%;
		padding: 5%;
		max-width: 700px;
		text-align: center;
	}

	#landing-hero .text h2 {
		text-align: left;
	}
	
	#landing-hero .text .intro {
		text-align: left;
	}

	#landing-hero .text .button {
		margin: 15px 0 30px;
	}


	#awards-fellowships #landing-hero .text {
		max-width: initial;
	}
	
	#home-features ul li .label {
		top: 53%;
	}
	
	#home-features li a.image {
		float: none;
		width: 100%;
		height: auto;
	}
	
	#home-features li a.text {
		float: none;
		width: auto;
		height: auto;
	}
	
	#home-features li .title {
		padding-top: 10%;
		padding-bottom: 5%;
		font-size: 7vw;
		line-height: 7.5vw;
	}
	
	#home-features li a .summary {
		display: block;
		padding: 0 5%;
		font-size: 3vw;
		line-height: 4vw;
	}
	
	#home-features li a .date {
		margin-top: 20px;
		font-size: 3vw;
		line-height: 4vw;
	}

	#landing-features {
		padding-top: 40px;
	}
	
	#landing-features .feature {
		padding-bottom: 40px;
	}
	
	#landing-features .feature .text {
		width: 65%;
		padding-right: 0;
	}

	#landing-features .feature .title {
		font-size: 30px;
	}
	
	
	#search-form {
		margin-left: 0;
		margin-right: 0;	
	}
	
	#search-results {
		margin-left: 0;
		margin-right: 0;
		padding-left: 40px;
		padding-right: 40px;		
	}



	#nh-intro {
		padding-top: 20px;
		padding-bottom: 20px;	
	}

	#nh-hero #nh-heading {
		padding-top: 47px;
		font-size: 26px;
		line-height: 46px;
		margin-bottom: 14px;
	}
	
	#nh-hero #nh-heading span {
		box-shadow: 20px 10px 0 #40DF95, -20px 10px 0 #40DF95, 20px -10px 0 #40DF95, -20px -10px 0 #40DF95;
	}	

	#nh-hero #nh-subhead {
		font-size: 15px;
		line-height: 20px;
	}
	
	#nh-hero #nh-subhead span {
		box-shadow: 10px 5px 0 #000, -10px 5px 0 #000, 10px -5px 0 #000, -10px -5px 0 #000;
	}
				
}


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

	#footer-links {
		height: auto;
		padding: 20px 50px;
	}

	#footer-links li {
		display: block;
		float: none;
		width: auto;
	}
		
	#footer-links a {
		display: block;
		height: 50px;
		line-height: 50px;
		margin: 0;
	}
	
	#footer-links a:hover {
		border-color: transparent;
	}

	#footer-title .tagline {
		margin-top: 14px;
	}
	
	#footer-copyright {
		font-size: 11px;
	}


	.news-list .item {
		margin-bottom: 6%;
	}

	.news-list .item .text {
		height: 170px;
	}

	.news-list .item .title {
		font-size: 20px !important;
		line-height: 23px !important;
		padding-top: 50px !important;
		padding-bottom: 10px;
	}


	.news-list .item .summary {
		display: none;
		font-size: 13px;
		line-height: 16px;
	}

	#landing-features .feature .title {
		padding: 0 0 10px;
	}

	#article .hero .text {
		width: 85%;
		left: 30px;	
	}

	#article .hero .caption {
		margin-left: 55px;
	}
	
	#article #page {
		padding-left: 0;
		padding-right: 0;
		margin: 0;
	}

	#article .columns {
		padding: 0;
	}
	
	
	#article .column-main .article {
		margin: 30px;
	}

	#article .byline,
	#article .intro,
	#article .article {
		margin-left: 30px;
		margin-right: 30px;	
	}	
	
	#article .datetime {
		margin: 20px 30px;
	}
	
	.people-list .person .text {
		padding-left: 0;	
	}

	.people-list .person .image {
		position: relative;
		margin-bottom: 20px;
	}
	
}



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

	#header-extras {
		right: 15px;
	}

	#header #donate-button {
		padding: 0 10px;
	}	

	#home-header {
		height: 150px;
	}
	
	#home-title {
		margin-top: 15px;
	}
	
	#home-header .angle {
		display: none;
	}
	
	#home #page {
		padding-top: 20px;	
	}

	#home-title .name {
		padding-top: 16px;
		font-size: 22px;
		line-height: 27px;
	}

	#home-title .tagline {
		margin-top: 1px;
		font-size: 15px;
	}

	.news-list .item .title {
		padding-top: 30px;
	}
	
	#page-share {
		right: 15px;
	}

	.side-box {
		padding-left: 20px;
		padding-right: 20px;	
	}

	#search-results {
		padding-left: 20px;
		padding-right: 20px;		
	}

		
}