#contact1 {
	//position: absolute;
	//left: 0;
	//right: 0;
	margin-top: 0;
	margin: auto;
	//top: 380px;
	//left: 0px;
	z-index: 100;
	//text-align: center;
	//background-color: #9FBCCD;
	//background-color: #330066;
	//background: rgba(51,204,51, 0.7);
	//background: rgba(255,204,102,0.7);
	//background-color: #33CC33;
	//background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#478BF7), to(#000));
	//background-image: -webkit-radial-gradient(circle, #478BF7, #000);
	//background-image: -moz-radial-gradient(circle, #478BF7, #000);
	//background-image: -ms-radial-gradient(circle, #478BF7, #000);
	//background-image: -o-radial-gradient(circle, #478BF7, #000);
	//box-shadow: 0 2px 2px rgba(0,0,0,0.8),
						  inset 0 1px 1px rgba(0,0,0,0.8);
	//padding: 20px;
	padding-bottom: 8px;
	//border: 2px solid #DDD;
	//border-bottom: 2px black solid;
	//border-right: 2px black solid;
	//border-radius: 8px;
	//display: none;
	max-width: 400px;
}
#contact2{
	position: absolute;
	top:300px;
	left: 500px;
	z-index: 100;
	//background: rgba(51,204,51, 0.7);
	background-color: #33CC33;
	background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#33CC33), to(#000));
	background-image: -webkit-radial-gradient(circle, #33CC33, #000);
	background-image: -moz-radial-gradient(circle, #33CC33, #000);
	background-image: -ms-radial-gradient(circle, #33CC33, #000);
	background-image: -o-radial-gradient(circle, #33CC33, #000);
	padding: 20px;
	padding-top: 0;
	border: 5px solid darkgreen;
	display: none;


}
.no-js #contact1 {
	display: block;
}
.no-js #navContact, .no-js #closeBox {
	display: none;
}
#closeBox, #closeBox2{
	width: 20px;
	height: 20px;
}
#contact1 h3, #contact2 h3 {
	font-size: 25px;
	text-transform: uppercase;
	color: #DDD;
	text-shadow: -2px 2px 0 #000, -4px 4px 0 #000;
	padding: 0px;
	text-align: center;
	background-color: transparent;
	margin-bottom: 10px;
}
#contact1 h2, #contact2 h2 {
	font-size: 25px;
	text-transform: uppercase;
	color: #DDD;
	text-shadow: -2px 2px 0 #000, -4px 4px 0 #000;
	padding: 0px;
	text-align: left;
	background-color: transparent;
	margin-bottom: 10px;
}
#contact1 p, #contact2 p {
	//font-size: 18px;
	//line-height: 20px;
	//background-color: #F3F4ED;
	//background-color: #FFCC99;
	//background: rgba(255,204,102,0.7);
	//background-color: #FFCC66;
	//background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#FFCC66), to(#000));
	//background-image: -webkit-radial-gradient(circle, #FFCC66, #000);
	//background-image: -moz-radial-gradient(circle, #FFCC66, #000);
	//background-image: -ms-radial-gradient(circle, #FFCC66, #000);
	//background-image: -o-radial-gradient(circle, #FFCC66, #000);
	//color: darkgrey;
	//text-shadow: -2px 2px 0 #000, -4px 4px 0 #000;
	
	//border: 5px solid darkgreen;

	//padding: 8px;
	//margin-bottom: 0px;
	color: #FFF;
	//text-align: center;
}
#contact2 h3{
	font-size: 25px;
	padding:0;
}
#contact2 p{
	font-size: 25px;
	line-height: 40px;
	text-align: left;
	font-family: "Oswald";
	
}

#contact1 a, #contact2 a {
	//color: #113B9E;
	color: #FFF;
	text-shadow: -2px 2px 0 #000, -4px 4px 0 #000;
	text-decoration: none;
	text-shadow: none;
	text-transform: lowercase;
}
#contact2 a{
	text-transform: none;
}
#contact1 #closeBox{
	float: right;
	margin-top: -5px;
	margin-right: 0px;
}
#contact2 #closeBox2{
	float: right;
	margin-top: -40px;
	margin-right: -225px;
}
@media only screen 
  and (max-device-width: 414px) 
  and (orientation: portrait){

	#contact1, #contact2{
		left: 20px;
	}
	#contact2 p{
		font-size: 18px;
	}
	#contact2 #closeBox2{
	
	margin-right: -185px;
	}
	#contact1 #closeBox{
	
	margin-right: -200px;
	}
}
@media only screen 
and (max-device-width: 414px) 
and (orientation : landscape){

	#contact1,#contact2{
		top: 345px;
		left: 10px;
	}
	#contact2 p{
		font-size: 18px;
	}
	#contact2 #closeBox2{
	
	margin-right: -185px;
	}
	#contact1 #closeBox{
	
	margin-right: -200px;
	}
}
@media (min-width: 675px) {
	#contact1{
		//top: 350px;
		//left: 450px;
	}
}