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

	#nav {
		right:173px;
	}
	#nav a.top span {
		font-size:17px;
		padding:0 11px;
	}
	#search input.searchInput {
		width:96px;
	}
	#content .video {
		width:600px;
		height:337px;
	}
}

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

	body {
		font-size:14px;
	}
	.dropcap > p:first-child:first-letter {
		font-size:38px;
		line-height:38px;
	}
	h1 {
		font-size:28px;
	}
	.h1-wrapper h1 {
		font-size:26px;
	}
	h2 {
		font-size:18px;
	}
	h3 {
		font-size:16px;
	}
	#cta ul {
		width:92%;
	}
	#sidenav {
		width:180px;
		max-width:180px;
	}
	.presentation th,
	.presentation td,
	#content .publications {
		width:auto;
	}
	.form select {
		font-size:14px;
	}
}

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

	#header {
		height:150px;
	}
	#nav {
		top:auto; right:auto;
		bottom:0; left:0;
		width:100%;
		border-top:1px solid #e2e2e2;
		padding:6px 0 4px 0;
		text-align:center;
	}
	#nav li {
		float:none;
		display:inline-block;
	}
	#nav li:last-child {
		border-right:0;
	}
	#search input.searchInput {
		width:150px;
	}
}

@media only screen and (max-width: 960px) {
	
	.home-section .container {
		background-position:-300px 0;
	}
	#content {
		width:auto;
	}
	#sidenav {
		width:32px;
		max-width:32px;
	}
	#sidenav p.date,
	#sidenav h3,
	#sidenav ul {
		display:none;
	}
	#sidenav #social {
		display:block;
	}
	#contactInfo {
		width:250px;
	}
	#contactInfo dd {
		width:200px;
	}
	#contactInfo address {
		float:none;
		margin-bottom:20px;
	}
	#copyright em, #copyright a {
		display:none;
	}
}

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

	#content .video {
		width:500px;
		height:281px;
	}
	#cta {
		height:320px;
	}
	#cta ul {
		padding-top:65px;
	}
	#cta img {
		width:150px;
		height:150px;
	}
	.contactForm {
		width:400px;
	}
	.contactForm label,
	.contactForm span.label {
		width:80px;
	}
	.contactForm p,
	.contactForm h3,
	.contactForm .fieldWrapper,
	.contactForm .recaptcha {
		padding-left:90px;
	}
	#copyright {
		display:none;
	}

}

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

	#contactInfo {
		float:none;
	}
	.contactForm {
		float:none;
		width:auto;
		max-width:450px;
	}
	.contactForm input.text, .contactForm select {
		width:190px;
	}
	.contactForm .fieldWrapper {
		padding-left:0;
	}
}

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

	#content .video {
		width:480px;
		height:270px;
	}
	.home-section .container {
		background-position:-400px 0;
	}
	#cta ul {
		padding-top:80px;
	}
	#cta img {
		width:120px;
		height:120px;
	}
	
}