@media screen and (max-width:1440px) {
	body { width:98vw; }

	div.summary div.item { width:28%; margin:0 20px; }
}

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

	body { font-size:18px; }

	header div.logo { left:2vw; }
	header nav { display:none; }

	div.introduction { margin:0; padding:0 2vw }
	div.introduction h1 { display:block; width:auto; }
	div.introduction div.aside { display:block; width:auto; }
	div.introduction div.aside a.button { display:block; width:auto; }

	div.group-navigation { margin:60px 0; padding:0 2vw; }
	div.group-navigation div.group { display:block; width:auto; margin:10px 0; }

	div.summary { height:auto; background-position:0 0; background-size:100vw 47.2vw; margin-bottom:60px; }
	div.summary div.feature { position:relative; height:auto; padding:47.2vw 1vw 0 1vw; background:none; }
	div.summary div.feature div.item { display:block; width:auto; margin:20px 0 0 0; }
	div.summary div.feature div.item div.icon { position:relative; display:inline-block; vertical-align:top; width:100px; top:0; background:#f6f6f6; }
	div.summary div.feature div.item p { display:inline-block; vertical-align:top; width:calc(100% - 140px); margin:0 0 0 20px; }

	div#publications div.group h2 { margin-left:2vw; }

	div#publications div.group div.publication { min-height:0; }
	div#publications div.group div.publication div.photograph { position:relative; display:block; margin:0 2vw; width:auto; height:auto; }
	div#publications div.group div.publication div.photograph img { width:100%; height:auto; }
	div#publications div.group div.publication div.synopsis { display:block; margin:0 2vw; width:auto; }
	div#publications div.group div.publication div.synopsis h3 { margin:0; }
	div#publications div.group div.publication div.synopsis p.snippet { margin:0; }
	div#publications div.group div.publication div.actions { margin-left:0; }
	div#publications div.group div.publication div.actions a { display:block; margin:0 0 20px 0; border-radius:0; text-align:center; }

	div.trust h4 { text-align:left; margin-left:5%; }
	div.trust p { width:90%; text-align:left; }

	footer nav { height:auto; line-height:1em; }
	footer nav a { display:block; margin:0 0 10px 0; font-size:0.8em; }
	footer div.copyright { margin:10px 10px 0 10px; height:auto; text-align:center; font-size:0.6em; }
}

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

	body { font-size:16px; }
}