@charset "utf-8";

body {
	font-family: 'Lato', arial, sans-serif;
	color:#111;
	background: #fff;
	margin: 0;
	padding: 0;	
	line-height: 1.4;
}

header {
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #004b74;
}

.content_block {
	max-width: 960px;
	width: 95%;
	margin: 0 auto;
	padding: 0;
}

header img {
	max-width: 200px;
}

#content {
	background: #81def2;
}

.content_txt {
	float: left;
	width: 55%;
}

.content_img {
	float: right;
	width: 45%;
}

section {
	padding: 20px 0 100px 0;
}

section h2 {
	margin: 0;
	padding: 90px 0 10px 0;
}

section p {
	padding: 0 0 0 5px;
}

footer {
	padding: 30px;
	text-align: center;
	background: #f2f2f2;
}

.clear {
	clear: both;
}

/*===============================================
●For Tablet Max Width 768px
===============================================*/
@media screen and (max-width: 768px){


.content_txt {
	float: left;
	width: 60%;
}

.content_img {
	float: right;
	width: 40%;
}

section h2 {
	padding: 20px 0 10px 0;
}


}

/*===============================================
●For Mobile Max Width 640px
===============================================*/
@media screen and (max-width:640px){

header img {
	display: block;
	margin: 0 auto;
	max-width: 160px;
}

.content_txt {
	float: none;
	width: 100%;
}

.content_img {
	float: none;
	display: block;
	margin: 0 auto;
	width: 70%;
}

section {
	font-size: 0.8em;
}

section h2 {
	text-align: center;
	padding: 10px 0 10px 0;
}

section {
	padding: 20px 0;
}


footer {
	font-size: 0.8em;
}



}