@viewport { zoom: 0.6; }

@media screen and (max-width: 1270px) {
	#bannerinner, NAV#main, ARTICLE, #dataview .data, #boxes { width: 80%; left: 10%; }
	NAV#social { width: auto;  top: 148px; right: 9px; }
	NAV#social A:link, NAV#social A:visited { display: block; margin-top: 7px; }
	NAV#social A:hover { }
	
	#index NAV#social { top: 0px; }
	#index NAV#social A:link, #index NAV#social A:visited { color: white; border-color: white; }
	#index NAV#social A:hover { color: black; border-color: black; }
}
@media screen and (max-width: 1100px) {
	#bannerinner, NAV#main, ARTICLE, #dataview .data, #boxes { width: 90%; left: 5%; }
}
@media screen and (max-width: 930px) {
	/*HEADER { font-size: 17px; }*/
	#bannerinner, NAV#main, ARTICLE, #dataview .data, #boxes { width: 96%; left: 2%; }
	NAV#social { font-size: 1em; line-height: normal; right: 2%; padding: 0px; top: 55px; }
	NAV#social A:link, NAV#social A:visited {
		display: inline-block;
		margin-top: 0px;
	}
	#index NAV#social { top: 35px; font-size: 0.8em; right: 2%; padding-right: 4px; }
	.box H2 { font-size: 1em; }
}

@media screen and (max-width: 760px) {
	#bannertext {
		text-shadow: 3px 3px 9px rgba(0, 0, 0, 0.7);
	}
	#bannertext P.line1, #bannertext P STRONG { text-shadow: 3px 3px 9px rgba(0, 0, 0, 0.4); }
	#contactaddress { float: left; margin-left: 154px; }
	.box { width: 47%; margin: 0 0 0 3%; }
	.box.first { margin-right: 3%; }
	.box.last { width: 100%;  margin: 3% 0 0 0; }
	.box H2 { font-size: 1.2em; }
}
@media screen and (max-width: 700px) {
	HEADER { letter-spacing: 0px; }
	#quisommesnous TR { text-align: center; }
	#quisommesnous TD { display: inline-block; height: 80px; width: 80px; padding: 5px; line-height: 80px; }
	#quisommesnous TD IMG { vertical-align: middle; }
}

@media screen and (max-width: 570px) {
	HEADER { height: 90px; font-size: 15px; }
	#logo { width: 60px; margin-left: -35px; }
	
	nav#main { line-height: 45px; }
	
	NAV#social { top: 40px; }
	#index NAV#social { top: 22px; }
	.box .icon { font-size: 8em; }
	.box H1 { padding-bottom: 8px; }
	.box.first H1 { padding-bottom: 15px; }
}

@media screen and (max-width: 460px) {
	HEADER { position: absolute; }
	.box, .box.first, .box.last { margin: 0 5% 5% 5%; width: 90%; }
	.box.last { margin-bottom: 0; }
	
	
	.box H1, .box.first H1 { padding-bottom: 15px; }
}