/* ----------------------------------------------------------------------------------------------------

CSSGrid is a Responsive CSS Grid designed to work on web and mobile devices. (www.cssgrid.co)
Please don't steal. Support this grid and buy a license from: http://codecanyon.net/item/responsive-html5-css-grid/4928861?ref=human1nt

---------------------------------------------------------------------------------------------------- */

/* Datum CSS */

.intro {
	width:100%;
	padding-top:10%;
	padding-bottom:10%;
	text-align:center;
}
.intro-image {
	width:100%;
	height:auto;
}
.intro-image img {
	width:100%;
	height:auto;
	margin-bottom:-4px;
	overflow:hidden;
}
.intro-grey {
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #303e48;
	width:100%;
	padding-top:10%;
	padding-bottom:10%;
	text-align:center;
	background-color:#7b838a;
}
.intro-grey-light {
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #1e988a;
	width:100%;
	padding-top:10%;
	padding-bottom:10%;
	text-align:center;
	background-color:#eee;
}
.intro-grey-bottom {
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #a1d782;
	width:100%;
	padding-top:10%;
	padding-bottom:10%;
	text-align:center;
	background-color:#7b838a;
}

.intro-newsletter {
	width:100%;
	padding-top:4%;
	padding-bottom:5%;
	text-align:center;
	background-color:#fff;
}
.intro-newsletter h1,
.intro-newsletter h2 {
	color:#7f858c;
}
.intro-grey-light h1,
.p2 h1 {
	color:#303e48;
	font-size:22px;
}
.intro-grey-light h2,
.p2 h2 {
	color:#303e48;
	font-size:17px;
	line-height:26px;
}

.p2 ul {
	padding-left:0px;
	list-style:circle;
}
.p2 ul li {
	padding-left:0px;
	font-family: "museo-sans-rounded",sans-serif;
	font-style:normal;
	font-weight:300;
	font-size:17px;
	line-height:26px;
	color:#303e48;
	opacity:0.8;
}



/* Columns Percentage (p) */

.p1,
.p2,
.p3 {
	width:auto;
}

.p1 .one {
	width:100%;
}

.p2 .one {
	width:50%;
	float:left;
}
.p2 .two {
	width:50%;
	margin-left:50%;
}

.p3 {
	max-width:740px;
	margin:0 auto;
}
.p3 .one {
	width:43%;
	float:left;
}
.p3 .two {
	width:43%;
	float:left;
}
.p3 .three {
	width:14%;
	margin-left:86%;
	text-align:left;
	padding-top:9px;
	height:40px;
}