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

	/* header */
	.page-header .site-title {
		width:55%;
	}
	.page-header h2.site-description {
		font-size:12px;
	}

	/* header */
	.home .hero-inner {
		top:90px;
	}
}


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

	/* header */
	.page-header {
		height:115px;
	}
	.page-header .site-title {
		width:50%;
	}
	.page-header h2.site-description {
		font-size:14px;
		line-height:14px;
		font-weight:400;
	}

	/* homepage */
	.home .page-header .site-title {
		width:54.5%;
	}
	.home .hero {
		padding-top:5px;
	}
	.home .hero-inner {
		font-size:1.2em;
		top:100px;
	}
	.home #primary {
		padding-top:90px;
	}
}


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

	/* header */
	.page-header {
		height:125px;
	}
	.page-header .site-title {
		width:45%;
	}

	/* footer */
	.page-footer-inner {
		padding-left:100px;
	}
	.page-footer .footer-logo {
		width:77px;
	}

	/* homepage */
	.hero-inner {
		font-weight:300;
	}
	.home .hero-inner {
		font-size:1.2em;
		top:auto;
	}
	.home .hero-inner .hero-text a {
		color:#000;
		text-transform:lowercase;
		text-decoration:none;
		border-bottom:2px solid #000;
	}
	.home .hero-inner .hero-text a:hover {
		color:#ce4652;
		border-bottom-color:#ce4652;
	}
	.home .hero-inner br {
		display:inline;
	}
	.home #primary {
		padding-top:30px;
	}
}


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

	.site-content {
		margin-right: 0;
	}
	article.page {
		max-width: none;
	}
}


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

	/* header */
	.home .page-header {
 		height:145px;
	}
}


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

	/* header */
	.page-header {
		height:115px;
	}
	.page-header .site-title {
		width:40%;
	}
	.page-header h2.site-description {
		font-size:16px;
		line-height:20px;
		font-weight:400;
	}


/* 	.page-header .translate-widget {
		left:auto;
		right:2%;
		top:13px;
	}
	.goog-te-gadget-simple {
		border:1px solid #949488 !important;
		background-color:#fff !important;
	}
	.goog-te-gadget-simple .goog-te-menu-value span {
		color:#949488 !important;
	}
 */

	.page-header .translate-widget {
		left:auto;
		right:50px;
		top:-39px;
	}
/* 	.goog-te-gadget-simple {
		border:none !important;
		background-color:rgba(255,255,255,.2) !important;
	}
	.goog-te-gadget-simple .goog-te-menu-value span {
		color:#fff !important;
	}
 */
	/* sidebar */
	.widget_nav_menu {
		display:block;
	}
	#secondary {
		clear: none;
		float: left;
		min-height: 100vh;
		width:25%;
		max-width:200px;
		min-height:100px;
		margin: 0 0 0 -100%;
		padding:60px 20px 0 0;
		border-top:none;
		border-right:1px solid #eaeae8;
	}

	/* main content */
	#content {
		margin-left:28%;
	}

	/* homepage */
	.hero-inner .entry-header.quote {
		margin-bottom:40px;
	}
	.home .hero {
		padding-top:10px;
	}
	.home section.news {
		float:right;
		width:44.5%;
		margin-left:5%;
		padding-left:5%;
		border-left:1px solid #949488;
	}
	.home #content section.resources {
		float:left;
		width:44.5%;
		margin-top:0;
		font-size:14px;
	}
}



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

	/* main content */
	#content {
		margin-left:221px;
	}
}


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

	.page-header {
		height:125px;
	}

	/* hero image */
	.hero-inner {
		margin-left:222px;
	}
	.hero-inner .entry-header.quote {
		margin-bottom:50px;
	}
	.home .hero {
		padding-top:15px;
	}
	.home .hero-inner {
		font-size:1.6em;
		font-weight:400;
	}
}



@media only screen and (min-width: 960px) {
	/* hero image */
	.home .hero-inner {
		font-size:1.8em;
	}
}


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

	/* footer */
	#page-footer-container {
		float:left;
	}
}


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

	/* header */
	.page-header h2.site-description {
		bottom:17px;
		font-size:20px;
		line-height:22px;
		font-weight:300;
	}

	/* homepage */
	.home .hero {
		padding-top:20px;
	}
	.home .hero-inner {
		 font-size:2.0em;
	}
	.hero-inner .entry-header.quote {
		margin-bottom:70px;
	}

}


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

	/* structure */
	.page-header,
	.full-width .page-header,
	.hero,
	.main-content,
	.page-footer {
		width:100%;
		margin:0 auto;
	}
}

