#banner{
	background-repeat: no-repeat;
	text-align: center;
	color: white;
	vertical-align: middle;
}

#context{
	text-align: center;
	position: absolute;
	color:#162e40;
}

#context>span{
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-height:120px;
}

#context>span>h1{
	font-weight:normal; 
	margin:0;
}

#context>span>h2{
	font-weight:normal; 
	margin:0;
}

@media screen and (min-device-width: 751px) and (max-device-width: 1919px) {
	#banner{
		height: 300px;
		line-height:300px;
		font-size: 40pt;
		background-image: url('../img/banner1.jpg');
	}
	
	#context{
		top:400px;
		bottom: 20px;
		min-height:120px;
	}
	
	#context>span>h1{
		font-size: 30pt;
	}
	
	#context>span>h2{
		font-size: 20pt;
	}
}

@media screen and (min-device-width: 1919px) and (max-device-width: 2560px) {
	#banner{
		height: 400px;
		line-height:400px;
		font-size: 50pt;
		background-image: url('../img/banner2.jpg');
	}

	#context{
		top:550px;
		bottom: 40px;
		min-height:220px;
	}

	#context>span>h1{
		font-size: 40pt;
	}

	#context>span>h2{ 
		font-size: 30pt;
	}
}

@media screen and (min-device-width: 2561px) and (max-device-width: 2880px) {
	#banner{
		height: 500px;
		line-height:500px;
		font-size: 60pt;
		background-image: url('../img/banner3.jpg');
	}

	#context{
		top:650px;
		bottom: 40px;
		min-height:240px;
	}

	#context>span>h1{
		font-size: 50pt;
	}

	#context>span>h2{ 
		font-size: 40pt;
	}
}

@media screen and (min-device-width: 2881px) and (max-device-width: 3360px){
	#banner{
		height: 600px;
		line-height:600px;
		font-size: 70pt;
		background-image: url('../img/banner4.jpg');
	}

	#context{
		top:850px;
		bottom: 60px;
		min-height:320px;
	}

	#context>span>h1{
		font-size: 60pt;
	}

	#context>span>h2{ 
		font-size: 50pt;
	}
}

@media screen and (min-device-width: 3361px) {
	#banner{
		height: 600px;
		line-height:600px;
		font-size: 70pt;
		background-image: url('../img/banner5.jpg');
	}

	#context{
		top:850px;
		bottom: 60px;
		min-height:320px;
	}

	#context>span>h1{
		font-size: 60pt;
	}

	#context>span>h2{ 
		font-size: 50pt;
	}
}