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

* {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
}

body {
	float: left;
	width: 100%;
	margin: 0 auto;
}

/* <-------colors-------> */
/*  dk blue: #262262   lt blue: #1b75bc   */

/* -------------- layout full -------------- */
@media screen and (min-width:1201px) {
	
	/* header */
	header {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0 0 5%;
		background-image: url(../images/bg/intellus1-bg1.jpg);
		background-size: cover;
		background-position: center top;
	}
	.logo-warpper {
		float: left;
		width: 90%;
		margin: 0;
		padding: 1% 5%;
		background-image: url(../images/bg/intellus1-bg-header.png);
	}
	.logo {
		float: left;
		width: 30%;
		margin: 0 0 0 2%;
		
	}
	.logo img {
		width: 300px;
	}
	h1 {
		float: left;
		width: 60%;
		margin: 100px 20% 250px;
		font-size: 70px;
		line-height: 70px;
		color: #f9f9f9;
		font-weight: 300;
		text-align: center;
		text-shadow: 2px 5px 4px #000
	}
	h2 {
		float: left;
		width: 60%;
		margin: 50px 20%;
		font-size: 30px;
		line-height: 40px;
		color: #262262;
		font-weight: 300;
		text-align: center;
	}
	
	/* sections */
	.sect-wrapper {
		float: left;
		width: 70%;
		margin: 0;
		padding: 3% 15%;
	}
	.sect-wrapper-bg-blue30 {
		background-image: url(../images/bg/intellus1-bg-blue-30.png);
	}
	.sect-wrapper h3 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 43px;
		color: #1b75bc;
		font-weight: 300;
	}
	.sectContent {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 24px;
		font-weight: 300;
	}
	.sectCol-wrapper {
		float: left;
		width: 100%;
		margin: 50px 0;
		text-align: center;
	}
	.sectCol {
		display: inline-block;
		width: 30%;
		margin: 0 1.5% 30px;
		vertical-align: top;
		text-align: left;
	}
	.sectCol-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 27px;
		color: #1b75bc;
		line-height: 40px;
		font-weight: 300
	}
	.sectInner {
		float: left;
		width: 94%;
		margin: 21px 0;
		padding: 3%;
	}
	.sectInner-bg-1 {
		background-image: url(../images/bg/intellus1-bg-section.png);
		background-position: center top;
		background-size: cover;
	}
	.sectInner-bg-2 {
		background-image: url(../images/bg/intellus1-bg-enviro.png);
		background-position: center top;
		background-size: cover;
	}
	.sectInner-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 27px;
		color: #1b75bc;
		line-height: 40px;
		font-weight: 300
	}
	.sectInner-left {
		float: left;
		width: 37%;
		margin: 0;
	}
	.sectInner-left ul {
		float: left;
		width: 100%;
		margin-left: 21px;
	}
	.sectInner-left li {
		margin: 0 0 7px;
	}
	.sectInner-right {
		float: right;
		width: 60%;
		margin: 0;
	}
	.sectInner-right img {
		width: 100%;
	}
	.full-image {
		float: left;
		width: 100%;
		margin: 0;
	}
	.full-image img {
		width: 100%;
	}
	
	/* footer */
	footer {
		float: left;
		width: 90%;
		margin: 30px 0 0;
		padding: 3% 5%;
		font-size: 16px;
		color: #000;
		line-height: 21px;
		text-align: center;
	}
	footer a {
		font-size: 16px;
		color: #000;
		text-decoration: none;
	}
	
}/* end layout full */

/* -------------- layout 1200 -------------- */
@media screen and (min-width:981px) and (max-width: 1200px) {
	
	/* header */
	header {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0 0 5%;
		background-image: url(../images/bg/intellus1-bg1.jpg);
		background-size: cover;
		background-position: center top;
	}
	.logo-warpper {
		float: left;
		width: 90%;
		margin: 0;
		padding: 1% 5%;
		background-image: url(../images/bg/intellus1-bg-header.png);
	}
	.logo {
		float: left;
		width: 30%;
		margin: 0 0 0 2%;
		
	}
	.logo img {
		width: 300px;
	}
	h1 {
		float: left;
		width: 80%;
		margin: 75px 10% 100px;
		font-size: 70px;
		line-height: 70px;
		color: #f9f9f9;
		font-weight: 300;
		text-align: center;
		text-shadow: 2px 5px 4px #000
	}
	h2 {
		float: left;
		width: 80%;
		margin: 0px 10%;
		font-size: 30px;
		line-height: 40px;
		color: #262262;
		font-weight: 300;
		text-align: center;
	}
	
	/* sections */
	.sect-wrapper {
		float: left;
		width: 90%;
		margin: 0;
		padding: 3% 5%;
	}
	.sect-wrapper-bg-blue30 {
		background-image: url(../images/bg/intellus1-bg-blue-30.png);
	}
	.sect-wrapper h3 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 40px;
		color: #1b75bc;
		font-weight: 300;
	}
	.sectContent {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 24px;
		font-weight: 300;
	}
	.sectCol-wrapper {
		float: left;
		width: 100%;
		margin: 50px 0;
		text-align: center;
	}
	.sectCol {
		display: inline-block;
		width: 30%;
		margin: 0 1.5% 30px;
		vertical-align: top;
		text-align: left;
	}
	.sectCol-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 27px;
		color: #1b75bc;
		line-height: 35px;
		font-weight: 300
	}
	.sectInner {
		float: left;
		width: 94%;
		margin: 21px 0;
		padding: 3%;
	}
	.sectInner-bg-1 {
		background-image: url(../images/bg/intellus1-bg-section.png);
		background-position: center top;
		background-size: cover;
	}
	.sectInner-bg-2 {
		background-image: url(../images/bg/intellus1-bg-enviro.png);
		background-position: center top;
		background-size: cover;
	}
	.sectInner-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 27px;
		color: #1b75bc;
		line-height: 40px;
		font-weight: 300
	}
	.sectInner-left {
		float: left;
		width: 37%;
		margin: 0;
	}
	.sectInner-left ul {
		float: left;
		width: 100%;
		margin-left: 21px;
	}
	.sectInner-left li {
		margin: 0 0 7px;
	}
	.sectInner-right {
		float: right;
		width: 60%;
		margin: 0;
	}
	.sectInner-right img {
		width: 100%;
	}
	.full-image {
		float: left;
		width: 100%;
		margin: 0;
	}
	.full-image img {
		width: 100%;
	}
	
	/* footer */
	footer {
		float: left;
		width: 90%;
		margin: 30px 0 0;
		padding: 3% 5%;
		font-size: 16px;
		color: #000;
		line-height: 21px;
		text-align: center;
	}
	footer a {
		font-size: 16px;
		color: #000;
		text-decoration: none;
	}
	
}/* end layout 1200 */

/* -------------- layout 980 -------------- */
@media screen and (min-width:768px) and (max-width: 980px) {
	
	/* header */
	header {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0 0 5%;
		background-image: url(../images/bg/intellus1-bg1.jpg);
		background-size: cover;
		background-position: center top;
	}
	.logo-warpper {
		float: left;
		width: 90%;
		margin: 0;
		padding: 1% 5%;
		background-image: url(../images/bg/intellus1-bg-header.png);
	}
	.logo {
		float: left;
		width: 30%;
		margin: 0 0 0 2%;
		
	}
	.logo img {
		width: 270px;
	}
	h1 {
		float: left;
		width: 90%;
		margin: 75px 5% 100px;
		font-size: 50px;
		line-height: 50px;
		color: #f9f9f9;
		font-weight: 300;
		text-align: center;
		text-shadow: 2px 5px 4px #000
	}
	h2 {
		float: left;
		width: 90%;
		margin: 0px 5%;
		font-size: 27px;
		line-height: 33px;
		color: #262262;
		font-weight: 300;
		text-align: center;
	}
	
	/* sections */
	.sect-wrapper {
		float: left;
		width: 90%;
		margin: 0;
		padding: 7% 5% 5%;
	}
	.sect-wrapper-bg-blue30 {
		background-image: url(../images/bg/intellus1-bg-blue-30.png);
	}
	.sect-wrapper h3 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 33px;
		color: #1b75bc;
		font-weight: 300;
	}
	.sectContent {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 24px;
		font-weight: 300;
	}
	.sectCol-wrapper {
		float: left;
		width: 100%;
		margin: 50px 0;
		text-align: center;
	}
	.sectCol {
		display: inline-block;
		width: 100%;
		margin: 0 0 30px;
		vertical-align: top;
		text-align: left;
	}
	.sectCol-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 27px;
		color: #1b75bc;
		line-height: 35px;
		font-weight: 300
	}
	.sectInner {
		float: left;
		width: 94%;
		margin: 21px 0;
		padding: 3%;
	}
	.sectInner-bg-1 {
		background-image: url(../images/bg/intellus1-bg-section.png);
		background-position: center top;
		background-size: cover;
	}
	.sectInner-bg-2 {
		background-image: url(../images/bg/intellus1-bg-enviro.png);
		background-position: center top;
		background-size: cover;
	}
	.sectInner-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 27px;
		color: #1b75bc;
		line-height: 40px;
		font-weight: 300
	}
	.sectInner-left {
		float: left;
		width: 37%;
		margin: 0;
	}
	.sectInner-left ul {
		float: left;
		width: 100%;
		margin-left: 21px;
	}
	.sectInner-left li {
		margin: 0 0 7px;
	}
	.sectInner-right {
		float: right;
		width: 60%;
		margin: 0;
	}
	.sectInner-right img {
		width: 100%;
	}
	.full-image {
		float: left;
		width: 100%;
		margin: 0;
	}
	.full-image img {
		width: 100%;
	}
	
	/* footer */
	footer {
		float: left;
		width: 90%;
		margin: 30px 0 0;
		padding: 3% 5%;
		font-size: 15px;
		color: #000;
		line-height: 21px;
		text-align: center;
	}
	footer a {
		font-size: 15px;
		color: #000;
		text-decoration: none;
	}
	
}/* end layout 980 */

/* -------------- layout 767 -------------- */
@media screen and (min-width:481px) and (max-width: 767px) {
	
	/* header */
	header {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0 0 5%;
		background-image: url(../images/bg/intellus1-bg1.jpg);
		background-size: cover;
		background-position: center top;
	}
	.logo-warpper {
		float: left;
		width: 90%;
		margin: 0;
		padding: 1% 5%;
		background-image: url(../images/bg/intellus1-bg-header.png);
	}
	.logo {
		float: left;
		width: 30%;
		margin: 0 0 0 2%;
		
	}
	.logo img {
		width: 230px;
	}
	h1 {
		float: left;
		width: 90%;
		margin: 30px 5% 40px;
		font-size: 40px;
		line-height: 40px;
		color: #f9f9f9;
		font-weight: 300;
		text-align: center;
		text-shadow: 1px 3px 2px #000
	}
	h2 {
		float: left;
		width: 90%;
		margin: 0px 5%;
		font-size: 21px;
		line-height: 30px;
		color: #262262;
		font-weight: 300;
		text-align: center;
	}
	
	/* sections */
	.sect-wrapper {
		float: left;
		width: 90%;
		margin: 0;
		padding: 7% 5% 5%;
	}
	.sect-wrapper-bg-blue30 {
		background-image: url(../images/bg/intellus1-bg-blue-30.png);
	}
	.sect-wrapper h3 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 27px;
		color: #1b75bc;
		font-weight: 300;
	}
	.sectContent {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 24px;
		font-weight: 300;
	}
	.sectCol-wrapper {
		float: left;
		width: 100%;
		margin: 50px 0;
		text-align: center;
	}
	.sectCol {
		display: inline-block;
		width: 100%;
		margin: 0 0 30px;
		vertical-align: top;
		text-align: left;
	}
	.sectCol-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 21px;
		color: #1b75bc;
		line-height: 27px;
		font-weight: 300
	}
	.sectInner {
		float: left;
		width: 94%;
		margin: 21px 0;
		padding: 3%;
	}
	.sectInner-bg-1 {
		background-image: url(../images/bg/intellus1-bg-section.png);
		background-position: center top;
		background-size: cover;
	}
	.sectInner-bg-2 {
		background-image: url(../images/bg/intellus1-bg-enviro.png);
		background-position: center top;
		background-size: cover;
	}
	.sectInner-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 21px;
		color: #1b75bc;
		line-height: 30px;
		font-weight: 300
	}
	.sectInner-left {
		float: left;
		width: 100%;
		margin: 0 0 30px;
	}
	.sectInner-left ul {
		float: left;
		width: 90%;
		margin-left: 21px;
	}
	.sectInner-left li {
		margin: 0 0 7px;
	}
	.sectInner-right {
		float: left;
		width: 100%;
		margin: 0;
	}
	.sectInner-right img {
		width: 100%;
	}
	.full-image {
		float: left;
		width: 100%;
		margin: 0;
	}
	.full-image img {
		width: 100%;
	}
	
	/* footer */
	footer {
		float: left;
		width: 90%;
		margin: 30px 0 0;
		padding: 3% 5%;
		font-size: 15px;
		color: #000;
		line-height: 21px;
		text-align: center;
	}
	footer a {
		font-size: 15px;
		color: #000;
		text-decoration: none;
	}
	
}/* end layout 767 */

/* -------------- layout 480 -------------- */
@media screen and (min-width:300px) and (max-width: 480px) {
	
	/* header */
	header {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0 0 5%;
		background-image: url(../images/bg/intellus1-bg1.jpg);
		background-size: cover;
		background-position: center top;
	}
	.logo-warpper {
		float: left;
		width: 90%;
		margin: 0;
		padding: 1% 5%;
		background-image: url(../images/bg/intellus1-bg-header.png);
	}
	.logo {
		float: left;
		width: 96%;
		margin: 0;
		padding: 1% 2%;
		text-align: center;
	}
	.logo img {
		width: 230px;
	}
	h1 {
		float: left;
		width: 90%;
		margin: 30px 5% 40px;
		font-size: 30px;
		line-height: 30px;
		color: #fff;
		font-weight: 400;
		text-align: center;
		text-shadow: 2px 1px 2px #000;
	}
	h2 {
		float: left;
		width: 90%;
		margin: 0px 5% 30px;
		font-size: 21px;
		line-height: 27px;
		color: #262262;
		font-weight: 300;
		text-align: center;
	}
	
	/* sections */
	.sect-wrapper {
		float: left;
		width: 90%;
		margin: 0;
		padding: 7% 5% 5%;
	}
	.sect-wrapper-bg-blue30 {
		background-image: url(../images/bg/intellus1-bg-blue-30.png);
	}
	.sect-wrapper h3 {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 23px;
		color: #1b75bc;
		font-weight: 300;
	}
	.sectContent {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 21px;
		font-weight: 300;
	}
	.sectCol-wrapper {
		float: left;
		width: 100%;
		margin: 30px 0;
		text-align: center;
	}
	.sectCol {
		display: inline-block;
		width: 100%;
		margin: 0 0 30px;
		vertical-align: top;
		text-align: left;
	}
	.sectCol-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 21px;
		color: #1b75bc;
		line-height: 27px;
		font-weight: 300
	}
	.sectInner {
		float: left;
		width: 94%;
		margin: 21px 0;
		padding: 3%;
	}
	.sectInner-bg-1 {
		background-image: url(../images/bg/intellus1-bg-section.png);
		background-position: center top;
		background-size: cover;
	}
	.sectInner-bg-2 {
		background-image: url(../images/bg/intellus1-bg-enviro.png);
		background-position: center top;
		background-size: cover;
	}
	.sectInner-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 20px;
		color: #1b75bc;
		line-height: 30px;
		font-weight: 300
	}
	.sectInner-left {
		float: left;
		width: 100%;
		margin: 0 0 30px;
	}
	.sectInner-left ul {
		float: left;
		width: 90%;
		margin-left: 21px;
		margin-bottom: 13px;
	}
	.sectInner-left li {
		margin: 0 0 7px;
	}
	.sectInner-right {
		float: left;
		width: 100%;
		margin: 0;
	}
	.sectInner-right img {
		width: 100%;
	}
	.full-image {
		float: left;
		width: 100%;
		margin: 0;
	}
	.full-image img {
		width: 100%;
	}
	
	/* footer */
	footer {
		float: left;
		width: 90%;
		margin: 30px 0 0;
		padding: 5% 5%;
		font-size: 15px;
		color: #000;
		line-height: 21px;
		text-align: center;
	}
	footer a {
		font-size: 15px;
		color: #000;
		text-decoration: none;
	}
	
}/* end layout 480 */