@-o-viewport { width: device-width; }
@viewport { width: device-width; }
@-ms-viewport {
	width: device-width;

	/*width: 500px;
	width: device-width;
	initial-scale: 0.8;

	user-zoom: fixed;
	max-zoom: 0.5;
	min-zoom: 0.5;*/
}

html	{ 
	border-style: none; 
	text-align: center; 
	background-color: white ;
	/*-webkit-font-smoothing: antialiased;*/
}


body {
	font-family:serif;	
   	font-family: "Helvetica-LTS", "HelveticaLTS", "HelveticaNeue", "Helvetica LTS td", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   	color: rgb(40,40,40);
	width: 900px;
	margin: 20px auto;
	font-weight: normal;
	font-size: 14px;
	text-align: justify;
	}





img		{ border: 0px; }
p		{ }
a		{ color: gray; text-decoration: none;}
a:hover		{ color: silver; cursor: pointer;}
figcaption	{ font-size: 12px; font-style: italic_; }

table td { 
	display: table-cell;
	vertical-align: top; 
	padding: 0px 0px 20px 0px;
}

.people_description { 
	padding: 0px 0px 20px 30px;
}

.not_pointer:hover { color:gray; cursor: auto;}

#social {
	position: absolute;
	margin: 0 0px;
	width: 100;
	z-index: 10;
}

.social_icon {
	margin: 0 5px 0 0;
}

#language {
	position: relative;
	text-align: right;
	z-index: 1;
}




#banner {
	position: relative;
	height: 90px;
	top: 50px;
	/*top: 70px;
	width: 540px;*/
}

#banner_link {
	_display: block;
	position: absolute;
	bottom: 0px;
}

#banner_svg {
	pointer-events: none;
	width: 540px;
	height: 500px;
}




/* SPLIT BANNER -------------------*/

.banner_element {
	float: left;
	display: inline-block;
}
#mhox_banner_link {
	display: block;
	position: relative;
}

#mhox_banner_svg {
	pointer-events: none;
	margin: 0 12px 5px 0;
}
#text_banner_link {
	display: block;
	position: relative;
}

#text_banner_svg {
	pointer-events: none;
	margin: 0 0 5px 0;
}
/* -------------------------------*/






#menu {
	margin: 20px auto;
}

#sub_menu {
	margin: 20px auto;
}

.on {
	color: black;

}

#page {
	margin: 80px auto;
}

/*----- tiles style -------------------------------------*/

.frame {
	width: 100%;
	display: inline-block;
	margin: 0px 15px 15px 0px;
}

.thumbnail {
	width: 28%;
	float: left; 
	margin: 2% 2% 2% 0%;
}

.thumbnail_ {
	width: 100%; 
	margin: 0px 10px 5px 0px;
}

@media screen and (max-width: 500px)
{
	#tiles {
		width: 100%;
		display: inline-block;
		margin: 0px 15px 15px 0px;
	}

	.thumbnail {
		width: 100%;
		float: left; 
		margin: 0px 15px 15px 0px;
	}

	.thumbnail_ {
		width: 100%; 
		margin: 0px 15px 5px 0px;
	}
}




/*----- small windows -------------------------------------*/
@media screen and (max-width: 1000px)
{
	body {
		width: 90%;
	}
}


.project_paragraph {
	width: 100%;
	margin: 30px 0;
}
.large_images {
	width: 100%;
	margin: 10px 0;
}

.vimeo {
	width: 100%;
	height: 300px;
}

/*----- small devices -------------------------------------*/
@media screen and (max-device-width: 1000px)
{
	body {
		width: 90%;
	}

}


/*----- nexus7 landscape -------------------------------------*/
/*@media screen and (max-device-width: 1300px)
{
	bodyxxxxx {
		font-size: 12px;
	}

}

@media screen and (orientation : portrait)
{
	#bannerxxxx {
		height: 64px;	
	}
}*/

/*----- old smartphone landscape -------------------------------------*/
/*@media screen and (max-device-width: 1px) and (orientation : landscape)
{
	body {
		font-size: 24px;
	}
}*/


/*----- old smartphone portrait -------------------------------------*/
/*@media screen and (max-device-width: 1px) and (max-device-height: 1px) and (orientation : portrait)
{
	body { font-size: 32px; }
}
*/

@media screen and (max-device-width: 520px)
{
	#banner {
		width: 100%;
	}
	#banner_svg {
		width: 100%;
	}

}

/* SPLIT BANNER */
@media screen and (max-width: 430px)
{
	#text_banner_img {
		width: 100%;
	}
	#text_banner_svg {
		width: 100%;
	}
}

/*
@media only screen and (min--moz-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2/1), 
only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2)
{
	body { color: green;}
}
*/

.inline {
  margin-top: 0.0em;
  margin-bottom: 0.0em;
}