#address>a{
	text-decoration: none; 
	color: #4c8fda;
}

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

#context{
	color:#162e40;
	position: absolute;
}

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

#table_context_mobile{
	display:none;
}

#close{
	color: #162e40;
	font-size: 25pt;
	right: 20px;
	top: 10px;
	position: absolute;
	cursor: pointer;
}

#button-send{
	display:inline-block;
	border: 0px;
	margin-top: 3px;
	background-color: #162e40;
	color: white;
	cursor:pointer;
}

#address{
	text-align: right;
	height: 491px;
}	

#map{
	width:100%;
}

#cont_form{
	width: 100%;
}

#obbl{
	text-align: center;
}

.input {
	margin-bottom: 10px;
	width: 100%;
	color: #162e40;
}

.cap{
	margin-top: -3px;
	text-align:center;
	margin: 0 auto;
	width: 304px;
}

#champ_text{
	text-align: center;
	color: white;
}


input, textarea{
	font-family: Calibri, Arial;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	outline: none
}

textarea {
	width: 100%;
	height: 100px;
	resize: none;
}

h1{
	margin-top: 0px;
	margin-bottom:0px;
}

h2{
	margin-top: 0px;
	font-weight: normal;
	margin: 0;
}

@media screen and (min-device-width: 751px) and (max-device-width: 1919px) {
	#banner{	
		height: 20px;
		background-image: url('../img/banner1.jpg');
	}
	
	#context{
		top:120px;
		bottom: 20px;
		min-height:530px;
	}
	
	#table_context{
		min-height:530px;
	}
	
	#button-send{
		font-size:14pt;
	}
	
	#address{
		font-size: 14pt;
		width: 35%;
		padding-right: 5%;
	}
	
	#map_td{
		height: 400px;
		width: 60%;
	}
	
	#map{
		height: 400px;
	}
	
	#cont_form{
		height: 491px;
	}
	
	#champ_text{
		font-size: 14pt;
	}

	input, textarea{
		font-size: 14pt;
	}
	
	h1{
		font-size: 30pt;
	}
	
	h2{
		font-size: 20pt;
	}
}


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

	#context{
		top:140px;
		bottom: 40px;
		min-height:650px;
	}
	
	#table_context{
		min-height:650px;
	}
	
	#button-send{
		font-size:20pt;
	}
	
	#address{
		font-size: 20pt;
		width: 40%;
		padding-right: 5%;
	}
	
	#map_td{
		height: 500px;
		width: 55%;
	}
	
	#map{
		height: 500px;
	}
	
	#cont_form{
		height: 591px;
	}
	
	#champ_text{
		font-size: 20pt;
	}

	
	input, textarea{
		font-size: 20pt;
	}
	
	h1{
		font-size: 40pt;
	}
	
	h2{
		font-size: 30pt;
	}
}


@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:750px;
	}
	
	#table_context{
		min-height:750px;
	}
	
	#button-send{
		font-size:20pt;
	}
	
	#address{
		font-size: 20pt;
		width: 40%;
		padding-right: 5%;
	}
	
	#map_td{
		height: 600px;
		width: 55%;
	}
	
	#map{
		height: 600px;
	}
	
	#cont_form{
		height: 691px;
	}
	
	#champ_text{
		font-size: 20pt;
	}

	input, textarea{
		font-size: 20pt;
	}
	
	h1{
		font-size: 40pt;
	}
	
	h2{
		font-size: 30pt;
	}
}

@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:750px;
	}
	
	#button-send{
		font-size:30pt;
	}
	
	#address{
		font-size: 30pt;
		width: 40%;
		padding-right: 5%;
	}
	
	#map_td{
		height: 600px;
		width: 55%;
	}
	
	#map{
		height: 600px;
	}
	
	#cont_form{
		height: 691px;
	}
	
	#champ_text{
		font-size: 30pt;
	}
	
	input, textarea{
		font-size: 30pt;
	}
	
	h1{
		font-size: 50pt;
	}
	
	h2{
		font-size: 40pt;
	}
}

@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:961px;
	}
	
	#table_context{
		min-height:961px;
	}
	
	#button-send{
		font-size:30pt;
	}
	
	#address{
		font-size: 30pt;
		width: 40%;
		padding-right: 5%;
	}
	
	#map_td{
		height: 600px;
		width: 55%;
	}
	
	#map{
		height: 600px;
	}
	
	#cont_form{
		height: 691px;
	}

	#champ_text{
		font-size: 30pt;
	}

	input, textarea{
		font-size: 30pt;
	}
	
	h1{
		font-size: 50pt;
	}
	
	h2{
		font-size: 40pt;
	}
}	


@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:1620px;
	}
	
	#table_context{
		min-height:1620px;
	}
	
	#button-send{
		font-size:40pt;
	}
	
	#address{
		font-size: 40pt;
		width: 40%;
		padding-right: 5%;
	}
	
	#map_td{
		height: 600px;
		width:55%;
	}
	
	#map{
		height: 600px;
	}
	
	#cont_form{
		height: 691px;
	}

	#champ_text{
		font-size: 40pt;
	}

	input, textarea{
		font-size: 40pt;
	}
	
	h1{
		font-size: 60pt;
	}
	
	h2{
		font-size: 50pt;
	}
}

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

	#context{
		top:210px;
		bottom: 60px;
		min-height:1620px;
	}
	
	#table_context{
		min-height:1620px;
	}
	
	#button-send{
		font-size:40pt;
	}
	
	#address{
		font-size: 40pt;
		width: 40%;
		padding-right: 5%;
	}
	
	#map_td{
		height: 600px;
		width:55%;
	}
	
	#map{
		height: 600px;
	}
	
	#cont_form{
		height: 691px;
	}
	
	#champ_text{
		font-size: 40pt;
	}

	
	input, textarea{
		font-size: 40pt;
	}
	
	h1{
		font-size: 60pt;
	}
	
	h2{
		font-size: 50pt;
	}
}