/* Template by freewebsitetemplates.com */
body {
	background: #5056a2;
	color: #000000;
	font-family: 'roboto';
	font-size: 15px;
	margin: 0;
	padding: 0;
}
@font-face {
	font-family: 'roboto';
	src: url('../robotoslab.TTF');
		url('../robotoslab.TTF') format('truetype'),
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'roboto';
	src: url('../robotoslab.TTF');
		url('../robotoslab.TTF') format('truetype'),
	font-weight: normal;
	font-style: normal;
}
a {
	outline: none;
}
img {
    max-width: 100%;
    height: auto;
}
p {
	line-height: 30px;
	margin: 0;
}
p a {
	color: #5056a2;
}
p a:hover {
	color: #000000;
}
#header {
	margin: 0 auto;
	max-width: 960px;
}
#header h1 {
	font-size: 50px;
	font-weight: normal;
	line-height: 50px;
	margin: 0;
	padding: 30px 0;
	text-align: center;
}
#header h1 a {
	color: #ffffff;
	text-decoration: none;
}
#header h1 a span {
	color: #0;
	display: block;
	font-family: 'roboto';
	font-size: 26px;
	text-transform: uppercase;
}
#body {
	background: #ffffff;
	margin: 1px auto 0;
	max-width: 800px;
	min-height: 827px;
	overflow: visible;
	padding: 45px 40px 46px;
}
#body > h2 {
	color: #21a51e;
	font-family: 'roboto';
	font-size: 35px;
	font-weight: normal;
	line-height: 30px;
	margin: 0;
	padding: 0 0 44px;
}
#body img.figure {
	display: block;
	float: right;
	margin: 74px 38px 46px 0;
	max-width: 100%;
	width: auto;
}
#body div.content {
	overflow: hidden;
}
#body div.content > div {
	float: left;
	width: 100%;
}
#body div.content h3,
#body form h3,
#body ul.blog li h3 {
	font-family: 'roboto';
	font-size: 21px;
	font-weight: strong;
	line-height: 30px;
	margin: 0;
	padding: 25px 0 0;
    text-transform: uppercase;
	color: #5056a2;
}
#body div.content h3:first-child,
#body div.content div div.section:first-child {
	padding: 0;
}
#body div.content img.figure {
	margin: 0 38px 46px 0;
}
#body div.content div div.section {
	padding: 55px 0 0;
	width: 430px;
}
#body div.content div div.section span {
	display: block;
	line-height: 30px;
}
#body div.content div ul {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0 0 65px;
}
#body div.content div ul li {
	float: left;
	margin: 0 0 0 83px;
	width: 207px;
}
#body div.content div ul li:first-child {
	margin: 0;
}
#body div.content div ul li img {
	display: block;
	max-width: 100%;
	width: auto;
}
#body form {
	margin: 25px auto 0;
	overflow: hidden;
	width: 460px;
}
#body form label textarea {
	background: #d1d3d4;
	border: 1px solid #b6d8cf;
	color: #5056a2;
	display: block;
	font-family: 'latoregular';
	font-size: 14px;
	height: 250px;
	line-height: 30px;
	overflow: auto;
	padding: 0 5px;
	resize: none;
	width: 448px;
}
#body div.content div.sidebar ul li h4 a {
	color: #5056a2;
	text-decoration: none;
}
#body div.content div.sidebar ul li h4 a:hover {
	text-decoration: underline;
}
#body div.content div.article span,
#body div.content div.sidebar ul li span {
	display: block;
	line-height: 30px;
}
#body div.content div.article {
	width: 100%;
}
#body div.content div.article img {
	display: block;
	margin: 0 0 9px;
	max-width: 100%;
	width: auto;
}
#body div.content div.article p {
	padding: 0 0 20px;
}
#footer {
	margin: 0 auto;
	max-width: 500px;
	padding: 20px 20px;
}
/* -----------------------------
   Responsive layout
------------------------------ */

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 768px) {

    #header {
        padding: 15px;
    }

    #header h1 {
        font-size: 34px;
        line-height: 40px;
        padding: 20px 0;
    }

    #header h1 a span {
        font-size: 18px;
    }

    #body {
        width: 100%;
        max-width: 100%;
        min-height: auto;
        padding: 20px;
    }

    #body div.content > div,
    #body div.content div.article {
        width: 100%;
        float: none;
    }

    #body div.content h3 {
        font-size: 22px;
        line-height: 28px;
    }

    p {
        line-height: 1.6;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    #body img,
    #body div.content div.article img {
        width: 100%;
        height: auto;
    }

    #footer {
        width: 100%;
        max-width: 100%;
    }
}