@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 200px) and (max-width: 1024px) {


		/* Basic */

			html, body {
				overflow-x: hidden;
			}

			body, input, select, textarea {
				line-height: 1.5em;
				font-size: 10.5pt;
				letter-spacing: 0;
			}

			h2, h3, h4, h5, h6 {
				font-size: 1.2em;
				letter-spacing: 0.05em;
				margin: 0 0 1em 0;
			}

			hr {
				margin: 1em 0 1em 0;
			}


		/* Section/Article */

			section, article {
				clear: both;
				padding: 1em 0 1em 0 !important;
			}

			header br {
				display: none;
			}

			header.style1 {
				padding: 0 0 1em 0;
			}

				header.style1 h2 {
					font-size: 1.5em;
					letter-spacing: 0.075em;
					line-height: 1.25em;
				}

				header.style1 p {
					display: block;
					margin: 0;
				}

		/* Button */

			input,
			input[type="button"],
			input[type="submit"],
			input[type="reset"],
			button,
			.button {
				display: block;
				width: 100%;
				font-size: 1em;
				padding: 1em 0 1em 0;
				max-width: 30em;
				margin: 0 auto;
			}

		/* List */

			ul.actions {
				margin: 2em 0 0 0;
			}

				ul.actions li {
					margin: 15px 0 0 0;
				}

			form ul.actions {
				margin: 1em 0 0 0;
			}

		/* Feature List */

			.feature-list section {
				border-top: solid 1px #eee;
			}

			.feature-list > div > div:first-child > div:first-child > section {
				border-top: 0;
				padding-top: 0;
			}

			.feature-list h3 {
				position: relative;
				padding: 4px 0 0 48px;
				line-height: 1.25em;
			}

				.feature-list h3:before {
					position: absolute;
					left: 0;
					top: 0;
					width: 32px;
					height: 32px;
					line-height: 32px;
					font-size: 16px;
				}

			.feature-list p {
				margin: 0 0 0 48px;
			}

		/* Box */

			.box.post-excerpt .image.left {
				position: relative;
				top: 0.25em;
				width: 25%;
				margin: 0;
			}

			.box.post-excerpt h3, .box.post-excerpt p {
				margin-left: 32.5%;
			}

		
		/* Wrappers */

			.wrapper {
				padding: 15px 15px 5em 15px;
			}

.wrapper .title {
	position: absolute;
	font-size: 1em;
	width: auto;
	top: -5em;
	left:-2em;
	margin-left: 0em;
	padding:0.9em 2em 1em 2em;
	background:#FFF;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.2em;
				}

					.wrapper .title:before, .wrapper .title:after {
						height: 15px;
						bottom: -15px;
						background-size: 100% 100%;
					}

			#header-wrapper {
				padding: 6em 2em 6em 2em;
			}

			#footer-wrapper {
				padding-top: 3em;
			}

				#footer-wrapper .feature-list section {
					border-top-color: #eee;
					border-top-color: rgba(255, 255, 255, 0.05);
				}


/* Navigation and logo */
/* Header, use for navigation*/

#header {
 position:relative;
 background: #8BC34A url("images/overlay.png");
 background:rgba(139, 195, 74, 0.8); /*	8BC34A*/
 background: linear-gradient(to bottom, rgba(46, 125, 50, 0.96) 0, rgba(139, 195, 74, 0.96) 100%);
 width:100%;
 padding-top:20px;
}


/* Navigation end */
		/* Nav */

			#nav {
			}

		/* Intro */

			#intro {
				text-align: center;
				padding: 1em 2em 1em 2em !important;
				margin: 0 auto;
			}

				#intro .style2 {
					font-size: 1.5em;
					letter-spacing: 0.05em;
					line-height: 1.25em;
					padding: 1.25em;
				}

		/* Main */

			#main {
				padding: 1em 0 0 0;
			}

		/* Content */

			#content {
				padding: 0 0 2em 0;
			}

				#content header.style1 {
					padding-bottom: 2.5em;
					text-align:left;
				}

		/* Footer */

			#footer hr {
				display: none;
			}

		/* Copyright */

			#copyright {
				padding: 2em 0 0 0;
			}

				#copyright ul {
					padding: 1em 2em;
					width: 100%;
				}

					#copyright ul li {
						display: block;
						margin: 0.5em 0 0 0;
					}

						#copyright ul li:first-child {
							margin-top: 0;
						}

	}