/*	==========================================================
								GENERAL CSS				
	==========================================================
/* html{ overflow: hidden; } /* added for IE lag in scrolling with fixed background */ 
*{
	box-sizing:border-box;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em; line-height:150%; 
}
html, body{
	margin:0px; padding:0px; width:100%; 
}
html{
}
body{
	overflow: auto;
	color: #333333;
	background-color:#FFFFFF;
	font-family:Trebuchet MS, Trebuchet MS, sans-serif; font-size:1rem;
}
.weg{
	position:absolute;
	clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/*	==========================================================
	FOOTER
	==========================================================
*/

footer{
/*	background:url(./pic/trans-white-70.png) repeat; */
	background-color:#FFFFFF;
	color:#0057a8; 
	box-sizing:initial; 
}
#FOOTCON{
	margin:50px auto 0px auto; width:100%; max-width:1200px;
	display:table;
	padding:30px 0px;
	text-align:center; font-size:1.5rem;
}

footer h2{
	padding:0px 20px 30px 20px;
	text-align:center;
	font-size:0.6rem; letter-spacing:0.05rem; font-weight:normal;
}
footer a{		text-decoration:none; color:#999999; }

/*	==========================================================
	GENERAL
	==========================================================
*/
section{	width:60%; margin:0px auto; }
article{
	display:table; 
	padding:0px auto; width:100%; /*max-width:1200px; */
	margin:50px auto;
	font-size:1.1rem;
	text-align:center;
}
div{ 	display:table-cell; vertical-align:top; padding:0px 30px; border:0px solid red; }
.IMG{	width:25rem;}

#SOCIAL{	text-align:right;}
#SOCIAL img{	height:30px; width:auto; margin-left:20px;}

form{		width:30rem; margin:50px auto; }
form h2{	text-align:center; }
form p{		text-align:left; }
input, textarea{	width:100%; border-width:0px; border-bottom:#CCCCCC 1px solid; resize:none; }
label{		text-align:center; display:block; }
.SEND{	font-size: 0px; line-height: 0px; height: 60px; width: 60px; background: url('./pic/send.png') no-repeat; background-size: 100%; border: none; margin: 0 auto; cursor:pointer; }
#MSG{	text-align:center; color:#CC0000; }

/*	==========================================================
	HOME
	==========================================================
*/

h1,
h2{	margin:5px 0px; font-size:1.3rem; text-align:left; }
p{		text-align:justify;}

/*	==========================================================
		RESPONSIVE START	-  100% = 1 em ~= 16px ~= 14pt
		TABLET (landscape) (55em) now 60em for menu width
	==========================================================	
*/
@media all and (max-width: 60em){
	.IMG{	width:15rem;}

}

/*	==========================================================
		RESPONSIVE START	-  100% = 1 em ~= 16px ~= 14pt
		PHONE normally 40, now 45 for me,nu
	==========================================================	
*/
@media all and (max-width: 45em){
	article{display:block; margin:40px auto; }
	div{	display:block; width:100%; padding:40px 40px; }
	.IMG{	width:25rem;}
}