#banner{
	background-repeat: no-repeat;
}

#context{
	color:#162e40;
	text-align: center;
	position: absolute;
}

#table_context_mobile{
	display: none;
}

#table_context{
	width: 70%;
	text-align: justify;
	border-collapse: collapse;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#table_context tr{
	width: 70%;
}

#table_context tr td{
	width: 30%;
}

#firstd{	
	padding-right: 5%;
	padding-bottom: 0;
	border-right: 1px solid black;
	vertical-align: top;
}

#secondtd{	
	padding-left: 5%;
	vertical-align: top;
	padding-bottom: 0;
}

.list li{
	margin-bottom: 5pt;
}

.first{
	font-weight: bold;
}

.sublist{
	list-style: none;
	padding: 0;
}

@media screen and (min-device-width: 751px) and (max-device-width: 1919px) {
	#banner{
		background-image: url('../img/banner1.jpg');
		height: 20px;
	}
	
	#context{
		top:120px;
		bottom: 20px;
		min-height:420px;
	}
	
	#table_context{
		min-height:400px;
	}
	
	.first{
		font-size:30pt;
	}

	.list{
		font-size:14pt;
	}
	
	.sublist{
		font-size:14pt;
	}
}

@media screen and (min-device-width: 1919px) and (max-device-width: 2048px) {
	#banner{
		background-image: url('../img/banner2.jpg');
		height: 40px;
	}

	#context{
		top:140px;
		bottom: 40px;
		min-height:600px;
	}

	#table_context{
		min-height:580px;
	}
	
	.first{
		font-size:40pt;
	}

	.list{
		font-size:20pt;
	}

	.sublist{
		font-size:20pt;
	}
}

@media screen and (min-device-width: 2049px) and (max-device-width: 2560px) {
	#banner{
		height: 40px;
		background-image: url('../img/banner2.jpg');
	}

	#context{
		top:190px;
		bottom: 40px;
		min-height:600px;
	}

	#table_context{
		min-height:580px;
	}

	.first{
		font-size:40pt;
	}

	.list{
		font-size:20pt;
	}

	.sublist{
		font-size:20pt;
	}
}

@media screen and (min-device-width: 2561px) and (max-device-width: 2600px) {
	#banner{
		height: 40px;
		background-image: url('../img/banner3.jpg');
	}

	#context{
		top:200px;
		bottom: 40px;
		min-height:750px;
	}

	#table_context{
		min-height:730px;
	}

	.first{
		font-size:50pt;
	}

	.list{
		font-size:30pt;
	}

	.sublist{
		font-size:30pt;
	}
}

@media screen and (min-device-width: 2601px) and (max-device-width: 2880px) {
	#banner{
		height: 40px;
		background-image: url('../img/banner3.jpg');
	}

	#context{
		top:200px;
		bottom: 40px;
		min-height:750px;
	}

	#table_context{
		min-height:730px;
	}

	.first{
		font-size:50pt;
	}

	.list{
		font-size:30pt;
	}

	.sublist{
		font-size:30pt;
	}
}

@media screen and (min-device-width: 2881px) and (max-device-width: 3360px){
	#banner{
		height: 60px;
		background-image: url('../img/banner4.jpg');
	}

	#context{
		top:210px;
		bottom: 60px;
		min-height:1200px;
	}

	#table_context{
		width: 80%;
		min-height:940px;
	}

	.first{
		font-size:60pt;
	}

	.list{
		font-size:40pt;
	}

	.sublist{
		font-size:40pt;
	}
}

@media screen and (min-device-width: 3361px) {	
	#banner{
		height: 60px;
		background-image: url('../img/banner5.jpg');
	}

	#context{
		top:210px;
		bottom: 60px;
		min-height:1200px;
	}

	#table_context{
		min-height:960px;
	}

	.first{
		font-size:60pt;
	}

	.list{
		font-size:40pt;
	}

	.sublist{
		font-size:40pt;
	}
}