/* Responsive */

@media screen and (orientation: landscape), print

{

	* {

		margin:				0px;

		padding:			0px;

		font-family:		Arial;

		font-size:			12px;

	}

	body {

		color:				#444444;

		overflow:			scroll;

	}

	

	/* LAYOUT */

	.layout.main {

		display:			table;

	}

	.layout.main.column.left {

		display:			table-cell;

		border-right:		1px solid #888;

		padding:			24px;

	}

	.layout.main.column.mid {

		display:			table-cell;

		width:				500px;

		padding:			24px;

		vertical-align:		top;

	}

	.layout.main.column.mid.bottom {

		

	}

	.layout.main.column.right {

		display:			table-cell;

		padding:			24px;

	}

	

	.layout.main.desktop.device.navigation {

		display:			block;

	}

	

	.layout.main.mobile.device.navigation {

		display:			none;

	}

	

	.layout.navigation.left {

		display:			block;

		border-bottom:		1px solid #888;

	}

	

	.layout.navigation.right {

		display:			block;

		border-left:		1px solid #888;

		border-bottom:		1px solid #888;

	}

	

	.layout.content.area {

		display:			block;

	}

	

	.layout.sidebar.right {

		display:			table-cell;

		border-left:		1px solid #888;

	}

	

	#MainContainer {

		width:				1024px;

		margin-left:		auto;

		margin-right:		auto;

		padding-top:		24px;

		padding-bottom:		24px;

	}

	

	/* PROGRAMME */

	.programme.day.sector {

		clear:				both;

		width:				100%;

		padding-top:		10px;

	}

	.programme.day.content {

		width:				30%;

		float:				left;

	}

	.programme.time.sector {

		clear:				both;

		padding-left:		30%;

		padding-top:		10px;

	}

	

	.programme .time .content {

		float:				left;

		min-width:			12%;

		max-width:			85%;

	}

	.programme.time.content:nth-child(1) {

		padding-left:		0px;

	}

	.programme.time.description.content {

		float:				left;

		padding-left:		10px;

	}

	

	/* KEYNOTE SPEAKERS & SCIENTIFIC COMMITTEE */

	.keynote.speakers.sector, .scientific.committee.sector {

		clear:				both;

		padding-top:		10px;

		border-top:			1px solid #888;

	}

	.keynote.speakers.picture, .scientific.committee.picture {

		float:				left;

		width:				20%;

	}

	.keynote.speakers.name, .scientific.committee.name {

		float:				both;

		vertical-align:		top;

	}

	.keynote.speakers.name.content, .scientific.committee.name.content {

		padding-left:		22%;

		font-weight:		bold;

	}

	.keynote.speakers.description, .scientific.committee.description {

		float:				none;

	}

	.keynote.speakers.description.content, .scientific.committee.description.content {

		float:				none;

		padding-left:		22%;

		margin-top:			15px;

		margin-bottom:		10px;

	}

	

	/* VENUE & DIRECTIONS */

	.venue.direction.sector {

		clear:				both;

	}

	.venue.direction.picture {

		float:				left;

		width:				20%;

	}

	.venue.direction.description {

		float:				none;

		margin-left:		12%;

	}

	.venue.direction.description.content {

		float:				none;

		padding-left:		21%;

		text-align:			justify;

	}

}



/* Small screen, retina, stuff to override above media query */

@media

only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),

only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),

only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),

only screen and (        min-device-pixel-ratio: 2)      and (min-width: 320px),

only screen and (                min-resolution: 192dpi) and (min-width: 320px),

only screen and (                min-resolution: 2dppx)  and (min-width: 320px)

{

	* {

		margin:				0px;

		padding:			0px;

		font-size:			48px;

	}

	

	body {

		

		color:				#444;

		overflow:			scroll;

	}

	

	#MainContainer {

		width:				100%;

		margin-left:		auto;

		margin-right:		auto;

		margin-top:			64px;

		padding-bottom:		0px;

	}

	

	/* LAYOUT */

	.layout.main.column.left {

		display:			none;

	}

	.layout.main.column.mid {

		width:				100%;

		padding:			0px;

	}

	.layout.main.column.mid.bottom {

		border:				none;

	}

	.layout.main.column.right {

		display:			none;

	}

	

	.layout.main.desktop.device.navigation {

		display:			none;

	}

	

	.layout.main.mobile.device.navigation {

		display:			block;

		position:			fixed;

		top:				0px;

		width:				100%;

		z-index:			100;

	}

	

	.layout.navigation.left {

		display:			block;

	}

	

	.layout.navigation.right {

		display:			none;

	}

	

	.layout.content.area {

		padding:			24px 12px 24px 12px;

	}

	

	.layout.sidebar.right {

		display:			none;

	}

	

	/* PROGRAMME */

	.programme.day.sector {

		clear:				both;

		width:				100%;

		border-top:			1px solid #888;

		margin-top:			10px;

	}

	.programme.day.content {

		clear:				both;

	}

	.programme.time.sector {

		clear:				both;

		margin-top:			10px;

	}

	.programme.time.content {

		clear:				both;

	}

	.programme.time.description.content {

		clear:				both;

		padding-left:		0px;

	}

	

	/* KEYNOTE SPEAKERS & SCIENTIFIC COMMITTEE */

	.keynote.speakers.sector, .scientific.committee.sector {

		clear:				both;

		padding-top:		10px;

		border-top:			1px solid #888;

	}

	.keynote.speakers.picture, .scientific.committee.picture {

		float:				left;

		width:				20%;

	}

	.keynote.speakers.name, .scientific.committee.name {

		float:				both;

		vertical-align:		top;

	}

	.keynote.speakers.name.content, .scientific.committee.name.content {

		padding-left:		22%;

	}

	.keynote.speakers.description, .scientific.committee.description {

		clear:				both;

		width:				100%;

	}

	.keynote.speakers.description.content, .scientific.committee.description.content {

		float:				both;

		padding-left:		0%;

	}

	

	/* VENUE & DIRECTIONS */

	.venue.direction.sector {

		clear:				both;

	}

	.venue.direction.picture {

		float:				left;

		width:				20%;

	}

	.venue.direction.description {

		clear:				both;

		width:				100%;

	}

	.venue.direction.description.content {

		float:				both;

		padding-left:		0%;

		text-align:			justify;

	}

	

	/* NAVIGATION */

	nav ul {

		list-style:			none;

		margin:				0;

		padding:			0;

		border-bottom:		1px solid #888;

	}



	nav > ul > li {

		float:				left;

		border-top:			1px solid #888;

	}



	nav > ul a {

		display:			block;

		color:				#888;

		background:			#fff;

		white-space:		nowrap;

		padding:			10px;

		text-decoration:	none;

	}



	nav > ul {

		float:				left;

		overflow:			hidden;

		padding:			0 10px 0 10px;

		box-shadow:			3px 3px 3px rgba(0, 0, 0, 0.25);

		background:			#fff;

		border-bottom:		1px solid #888;

	}



	nav > ul, nav > ul > li {

		float:				none;

	}



	nav > ul > li {

		display:			none;

	}



	nav > ul:hover li {

		display:			block;

	}



	nav > ul::before {

		display:			block;

		color:				#666;

		font-size:			64px;

		padding:			10px;

		content:			"Menu";

	}

	

	nav > ul > li > a {

		font-size:			32px;

	}

	

	/* LINKS */

	.link.openprintpage {

		display:			none;

	}

	

	/* FORMULAR */

	input[type=checkbox], input[type=radio] {

		/* Double-sized Checkboxes */

		-ms-transform:		scale(2.5); /* IE */

		-moz-transform:		scale(2.5); /* FF */

		-webkit-transform:	scale(2.5); /* Safari and Chrome */

		-o-transform:		scale(2.5); /* Opera */

		padding:			10px;

		margin-right:		20px;

	}

}



/* Medium screen, non-retina */

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

{

	

}



/* Medium screen, retina, stuff to override above media query */

@media

only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 700px),

only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 700px),

only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 700px),

only screen and (        min-device-pixel-ratio: 2)      and (min-width: 700px),

only screen and (                min-resolution: 192dpi) and (min-width: 700px),

only screen and (                min-resolution: 2dppx)  and (min-width: 700px),

only screen and (                   orientation: portrait) and (max-width: 480px)

{

	/* GENERAL */

	* {

		font-family:		Arial;

		font-size:			32px;

	}

	

	body {

		margin:				0px;

		padding:			0px;

		color:				#444;

		overflow:			scroll;

	}

	

	#MainContainer {

		width:				100%;

		margin-left:		auto;

		margin-right:		auto;

		margin-top:			64px;

		padding-bottom:		0px;

	}

	

	/* LAYOUT */

	.layout.main.column.left {

		display:			none;

	}

	.layout.main.column.mid {

		width:				100%;

		padding:			0px;

	}

	.layout.main.column.mid.bottom {

		border:				none;

	}

	.layout.main.column.right {

		display:			none;

	}

	

	.layout.main.desktop.device.navigation {

		display:			none;

	}

	

	.layout.main.mobile.device.navigation {

		display:			block;

		position:			fixed;

		top:				0px;

		width:				100%;

		z-index:			100;

	}

	.layout.main.mobile.device.navigation ul {

		overflow:			scroll;

	}

	

	.layout.navigation.left {

		display:			block;

	}

	

	.layout.navigation.right {

		display:			none;

	}

	

	.layout.content.area {

		padding:			24px 12px 24px 12px;

	}

	

	.layout.sidebar.right {

		display:			none;

	}

	

	/* PROGRAMME */

	.programme.day.sector {

		clear:				both;

		width:				100%;

		border-top:			1px solid #888;

		margin-top:			10px;

	}

	.programme.day.content {

		clear:				both;

	}

	.programme.time.sector {

		clear:				both;

		margin-top:			10px;

	}

	.programme.time.content {

		clear:				both;

	}

	.programme.time.description.content {

		clear:				both;

		padding-left:		0px;

	}

	

	/* KEYNOTE SPEAKERS & SCIENTIFIC COMMITTEE */

	.keynote.speakers.sector, .scientific.committee.sector {

		clear:				both;

		padding-top:		10px;

		border-top:			1px solid #888;

	}

	.keynote.speakers.picture, .scientific.committee.picture {

		float:				left;

		width:				20%;

	}

	.keynote.speakers.name, .scientific.committee.name {

		float:				both;

		vertical-align:		top;

	}

	.keynote.speakers.name.content, .scientific.committee.name.content {

		padding-left:		22%;

	}

	.keynote.speakers.description, .scientific.committee.description {

		clear:				both;

		width:				100%;

	}

	.keynote.speakers.description.content, .scientific.committee.description.content {

		float:				both;

		padding-left:		0%;

	}

	

	/* VENUE & DIRECTIONS */

	.venue.direction.sector {

		clear:				both;

	}

	.venue.direction.picture {

		float:				left;

		width:				20%;

	}

	.venue.direction.description {

		clear:				both;

		width:				100%;

	}

	.venue.direction.description.content {

		float:				both;

		padding-left:		0%;

		text-align:			justify;

	}

	

	/* NAVIGATION */

	nav ul {

		list-style:			none;

		margin:				0;

		padding:			0;

		border-bottom:		1px solid #888;

	}



	nav > ul > li {

		float:				left;

		border-top:			1px solid #888;

	}



	nav > ul a {

		display:			block;

		color:				#888;

		background:			#fff;

		white-space:		nowrap;

		padding:			10px;

		text-decoration:	none;

	}



	nav > ul {

		float:				left;

		overflow:			hidden;

		padding:			0 10px 0 10px;

		box-shadow:			3px 3px 3px rgba(0, 0, 0, 0.25);

		background:			#fff;

		border-bottom:		1px solid #888;

	}



	nav > ul, nav > ul > li {

		float:				none;

	}



	nav > ul > li {

		display:			none;

	}



	nav > ul:hover li {

		display:			block;

	}



	nav > ul::before {

		display:			block;

		color:				#666;

		font-size:			64px;

		padding:			10px;

		content:			"Menu";

	}

	

	nav > ul > li > a {

		font-size:	32px;

	}

	

	/* LINKS */

	.link.openprintpage {

		display:			none;

	}

	

	/* FORMULAR */

	input[type=checkbox], input[type=radio] {

		/* Double-sized Checkboxes */

		-ms-transform:		scale(2.5); /* IE */

		-moz-transform:		scale(2.5); /* FF */

		-webkit-transform:	scale(2.5); /* Safari and Chrome */

		-o-transform:		scale(2.5); /* Opera */

		padding:			10px;

		margin-right:		20px;

	}

}



/* Large screen, non-retina */

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

{

	

}



/* Large screen, retina, stuff to override above media query */

@media

only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1300px),

only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1300px),

only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1300px),

only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1300px),

only screen and (                min-resolution: 192dpi) and (min-width: 1300px),

only screen and (                min-resolution: 2dppx)  and (min-width: 1300px)

{

	

}