body {
	background: #FFFFFF;
	height: 100%;
}
body, td, th, div, span, p {
	font: normal normal 16px/180%  'trebuchet ms', Arial, Tahoma, Verdana,  sans-serif;
	color: #31353c;
}
input, textarea, option, select {
	font: normal normal 16px/180%  'trebuchet ms', Arial, Tahoma, Verdana,  sans-serif;
	color: #31353c;
}
a, a:link, a:active, a:visited {
	text-decoration: none;
	font: normal normal 16px/180%  'trebuchet ms', Arial, Tahoma, Verdana,  sans-serif;
	color: #000000;
}
a:hover {
	text-decoration: underline;
}
body {
	background-color: #31353c;
	background-color: #bcc8de; 
	background: #e8eef6;
	background: linear-gradient(180deg, #c6ebce 0%, rgba(255,255,255,1) 100%);
	background-repeat: no-repeat;
}
#container {
	background-image: url('../img/bg.jpg') ;
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: 50% auto;
	padding: 0 50% 0 0;
	min-height: 100vh;
}
#container::after {
		content: '';
		display: table;
		clear: both;
}
#lang {
	position: absolute;
	background: rgba( 66,66,66,.5);
	top: 30px;
	right: 30px;
	color: #FFFFFF;
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
}
#lang li {
	display: inline-block;
	padding: 0 10px;
	margin: 0;
}
#lang ul {
}
#lang a {
	color: #FFFFFF !important;
	text-decoration: none;
	font-size: 14px !Important;
	
}
#lang a:hover {
	text-decoration: underline;
}
#container #content {
	max-width: 500px;
	float: right;
	box-sizing: content-box;
	padding: 50px 50px;
}
#container #content h3 {
	color: #1a351c;
}

.wa {
	background: url('../img/wa.png') 0 -2px no-repeat;
	background-size: 24px auto;
	padding: 0 0 0 25px;
	white-space: nowrap;
}
.p .wa {
	background: url('../img/wa.png') 0 -2px no-repeat;
	background-size: 20px auto;
	padding: 0 0 0 17px;
}
#container #content .p {
	font-size: 13px;
	padding: 15px 0 0 0;
}
#container #content .p,
#container #content .p a,
#container #content .p * {
	font-size: 13px !important;
	
}
.icons img {
	max-width: 400px;
}
#container #header img {
	max-width: 200px;
}

#container #header {
	font-size: 30px;
	color: #FFFFFF;
	margin: 0;
	padding: 15px 30px;
	background: #dd3636;
	background: #216baa;
	background: #FFFFFF;
}


@media only screen and (max-width: 1000px) {
  #lang li a {
	  color: #216baa !important;
  }
#container #header img {
	max-width: 120px;
}
	#container::before {
		display: block;
		content: '';
		height: 50vh;
		background-image: url('../img/bg.jpg') ;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
	}
.icons img {
	max-width: 400px;
	width: 100%;
}
	#container #header {
		font-size: 20px;
		color: #FFFFFF;
		margin: 0;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		padding: 10px 15px;
	}
	#lang {
		position: fixed;
		top: 15px;
		right: 20px;
		background: transparent;
	}
	#container {
		background-image: none;
		padding: 0;
	}
	#container #content {
		padding: 70px 20px;
	}
}