html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, abbr, address, 
cite, code, del, dfn, em, img, ins, 
kbd, q, samp, small, strong, sub, sup, 
var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

.clearfix:after {
	content:"";
	display:table;
    clear:both;
}

* {
	outline: none;
}

/*
@font-face {
    font-family: 'bebas_neueregular';
    src: url(1a351ff9453c326b24e9c9ded0d35f79c63f3de6.eot) ;
    src: url(2696ce1e4df922d03ba5f18f251d99513d98a9bb.eot)  format('embedded-opentype'), url(590bc316be1614ffca12e9c4103b867435c7588e.woff)  format('woff'), url(e13ad51f8f05384c92ae87eb6f56d4d14295c2a2.ttf)  format('truetype'), url(71bab3b8b80d30d9c0f514e5e2fb8fa0b538282f.svg)  format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

.btn {
	background: #767676;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 10px;
	text-decoration: none;
	text-align: center;
	font-size: 17px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-transform: uppercase; 
	letter-spacing: 1px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;		
}

.btn:hover {
	background: #4a4a4a;	
}

.learnMore {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-transform: uppercase; 
	font-size: 18px;
	color: #8a8a8a;
	text-decoration: none;
	text-transform: uppercase;	
}

.learnMore:hover {
	text-decoration: underline;
}

.viewLink {
	color: #8a8a8a;
	color: rgba(138,138,138, .8);
	font-size: 22px;
	line-height: 18px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-transform: uppercase; 
	text-decoration: none;
	background: url(9d765578a1b8596ed7f32c618920a2e32f1c204a.png)  right center no-repeat;
	padding-right: 38px;		
}

.viewLink:hover {
	color: rgba(138,138,138, 1);	
}

.viewLink.purple {
	color: #772e5f;
	color: rgba(119,46,98,.8);
	background: url(26c6a71130b50466cf0bcd58864edaafe21f00c2.png)  right center no-repeat;
}

.viewLink.purple:hover {
	color: rgba(119,46,98,1);		
}

.viewLink.green {
	color: #617f08;
	color: rgba(97,127,8,.8);
	background: url(64e28758a6917764880aa11d60e80cfb280c5000.png)  right center no-repeat;
}

.viewLink.green:hover {
	color: rgba(97,127,8,1);
}

.viewLink.blue {
	color: #1c7288;
	color: rgba(28,114,136,.8);
	background: url(b60cc1e3e1dc561ade2dcad1dc771fc818ef09a7.png)  right center no-repeat;
}

.viewLink.blue:hover {
	color: rgba(28,114,136,1);	
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 25px;
}

.ir {
	text-indent: -9999px;
}

.content {
	width: 364px;
}

.content h2 {
	text-transform: uppercase;
	font-size: 40px;
	color: #e5a9d1;
	font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase;
	margin: 60px 0 30px 0;

}

.content.left {
	text-align: left;
	margin-left: 20px;
	float: left;
}

.content.right {
	text-align: right;
	margin-right: 20px;
	float: right;
}

body {
	background: #fcfcfc url(32d96708ea4cc23897b112999f1e68a731fd7ca5.jpg)  center top repeat-y;
	font-family: Arial, sans-serif;
	color: #767676;
}

p {
	font-size: 14px;
	line-height: 20px;
}

.fullWidth {
	width: 100%;
	clear: both;
	position: relative;
}

.nineEighty {
	width: 980px;
	margin: 0 auto;
	position: relative;
	clear: both;
}

.headerWrapper {
	background: url(579f6cf7160cfdeaf2e260d4ef069c5ab251961c.jpg)  center top no-repeat;
}

.logo {
	width: 265px;
	height: 50px;
	float: left;
	margin: 20px 0 20px 10px;
}

.logo a {
	display: block;
	background: url(71ec2db22a58dd518324d91f2dec52ae31405013.png)  no-repeat;
	width: 265px;
	height: 50px;
	text-indent: -9999px;	
}

/* NAVIGATION */

.topNav {
	width: 718px;
	height: 46px;
	border-right: 1px solid #373737;
	float: left;
}

.topNav li {
	float: left;
	font-size: 11px;
	list-style-type: none;
	padding: 17px 0;
}

.topNav li a {
	color: #979797;
	text-decoration: none;
	border-right: 1px solid #565656;
	border-left: 1px solid #979797;
	padding: 0 11px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;		
	
}

.topNav li a:hover {
	color: #fff;
}

.topNav li.first {
	margin-left: 156px;
}

.topNav li.first a {
	border-left: none;
}

.topNav li.last a {
	border-right: none;
}


.socialNav {
	float: left;
	width: 155px;
	height: 46px;
	border-left: 1px solid #5d5d5d;
	padding: 0 0px 0 16px;
}

.socialNav li {
	float: left;
	list-style-type: none;
	background: url(2e5f4c8c2ce677c537d25a67f40a275ddcbad427.png) ;
	width: 38px;
	height: 46px;
	text-indent: -9999px;
/*
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;		
*/
	
}

.socialNav li.facebook {
	background-position: -16px 0;
}

.socialNav li.facebook:hover {
	background-position: -16px -46px;
}

.socialNav li.twitter {
	background-position: -54px 0;
}

.socialNav li.twitter:hover {
	background-position: -54px -46px;
}

.socialNav li.linkedIn {
	background-position: -92px 0;
}

.socialNav li.linkedIn:hover {
	background-position: -92px -46px;
}

.socialNav li a {
	width: 38px;
	height: 46px;
	display: block;	
}

.mainNav {
	float: left;
	margin: 33px 0 0 85px;
}

.mainNav li {
	float: left;
	font-size: 20px;
	list-style-type: none;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	margin-right: 49px;
	text-transform: uppercase;
}

.mainNav li:last-child {
	margin-right: 0;
}

.mainNav li.last  {
	margin-right: 0 !important;
}


.mainNav li a {
	color: #a5a5a5;
	text-decoration: none;
	padding: 5px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;	
}

.mainNav li a:hover {
	color: #818181;	
}

.mainNav li.current_page_item a {
	color: #818181;	
}

/* SEARCH */

.headerSearch {
	width: 59px;
	height: 46px;
	text-indent: -9999px;
	background: url(769e8f3e83cd4350d92a91fcc39cc1ea0200d205.gif)  no-repeat;
	background-position: 0 0;
	display: block;
	float: left;
}

.headerSearch:hover {
	background: url(769e8f3e83cd4350d92a91fcc39cc1ea0200d205.gif)  no-repeat;
	background-position: 0 -46px;	
}

.searchField {
	display: none;
	position: absolute;
	right: 29px;
	top: 46px;
	width: 600px;
	height: 55px;
	background: #373737;
	color: #fff;
}

.globalSearch {
	margin: 10px;
}

.globalSearch input {
	background: #373737;
	width: 440px;
	height: 35px;
	color: #818181;
	border: none;
	font-size: 16px;
	padding-left: 20px;
	margin-right: 15px;
}

.globalSearch input.submit {
	background: url(42a9c01d6ff284f70529ef31047df1b63bf7b8df.png)  no-repeat;
	width: 101px;
	height: 37px;
	color: #fff;
	padding: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0, .5);
	margin-right: 0;
	cursor: pointer;
}

/* HOMEPAGE SLIDESHOW */

.hero {
	width: 100%;
	height: 451px;
	position: relative;
	margin: 0 auto;
}

.banners {
	width: 100%;
	height: 451px;
	position: absolute !important;
	margin: 0 auto;
}

.slides {
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
}

.slides h2 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 52px;
	float: right;
	color: #fff;
	letter-spacing: 1px;
	text-align: right;
	line-height: 60px;
	margin: 48px 25px 30px 0;
	font-style: normal;
}

.slides p {
    float: right;
    clear: right;
    text-align: right;
    width: 265px;
    margin-right: 25px;	
}

.slides .btn {
	float: right;
	clear: right;
	margin: 30px 25px 0 0;
}

.slides.slide1 p, .slides.slide2 p, .slides.slide4 p {
	color: #fff;
}

.banner1 {
	background: url(3ba548e76cbc428e4340e392092af75a3c7557a8.jpg)  center top no-repeat;
} 

.banner2 {
	background: url(885494c6e1bf1f6aab9a137d1c2b009aa76e772d.jpg)  center top no-repeat;
} 

.banner3 {
	background: url(597a2d77cd280408ec8ac8d8c0c84bd243ee6668.jpg)  center top no-repeat;
} 

.banner4 {
	background: url(0c3f153fbc724adb0b08794fbc11d38cce490967.jpg)  center top no-repeat;
} 

#pager {
	position: absolute;
	z-index: 9999;
	top: 390px;
	left: 738px;	
}

#pager li.pagerSlide2 {
	background: #f16724;
	border: 3px solid #f16724;
}

#pager li.pagerSlide2 a {
	color: #c25019;
}

#pager li.pagerSlide3 {
	background: #a1bd4a;
	border: 3px solid #a1bd4a;
}

#pager li.pagerSlide3 a {
	color: #768c30;
}

#pager li.pagerSlide4 {
	background: #579aab;
	border: 3px solid #579aab;
}

#pager li.pagerSlide4 a {
	color: #397686;
}

#pager li.cycle-pager-active {
	border: 3px solid #fff;
}


#pager li.cycle-pager-active a {
	color: #fff;
}

#pager li {
	float: left;
	list-style-type: none;
	width: 36px;
	height: 36px;
	border: 3px solid #aa4a8a;
	background: #aa4a8a;
	margin-right: 8px;
	-webkit-transition: all .75s ease-in-out;
	-moz-transition: all .75s ease-in-out;
	-o-transition: all .75s ease-in-out;
	transition: all .75s ease-in-out;		
}

#pager li:hover {
	border: 3px solid #fff;
}

#pager li a {
	text-decoration: none;
	color: #793863;
	text-align: center;
	display: block;
    padding: 7px;
    font-size: 20px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;		    
}

#pager li a:hover {
	color: #fff;
}

.prevNext {
	background: url(0cbf538475a947566f6402fa708e24e17b7e7460.png)  no-repeat;
	width: 13px;
	height: 24px;
	position: absolute;
	display: block;
	z-index: 9999;
	text-indent: -9999px;
}

#prev {
	background-position: 0 0;
	top: 400px;
	left: 713px;
	cursor: pointer;
}

#next {
	background-position: -13px 0;
	top: 400px;
	left: 941px;
	cursor: pointer;	
}

#prev:hover {
	background-position: -27px 0;
}

#next:hover {
	background-position: -40px 0;
}

/* FOUR COLUMN LAYOUT - RANKINGS */

.rankings {
	
}

.rankings .nineEighty {
	padding-top: 65px;
	padding-bottom: 40px;
}

.rankings .col25 {
	height: 212px;
	text-align: center;
	margin-bottom: 50px;
	
}

.col25 {
	width: 254px;
	border-left: 1px solid #d5d5d5;
	float: left;
	position: relative;
}

.col25.first {
	border-left: none !important;
}

.col25.first, .col25.last  {
	width: 234px;
}

.rankings .col25 p {
	margin-bottom: 15px;
}

/*
h3.rank a {
	font-size: 75px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	background-color: #565656;
	color: rgba(0,0,0,0);
	text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	line-height: 108px;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	font-style: normal;		    	
}
*/

h3.rank a {
	font-size: 70px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #f16724;
	text-shadow: 0px 2px 3px rgba(255,255,255,0.75);
	line-height: 108px;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	font-style: normal;		    	
}


.rankings p.source {
	font-size: 12px;
	color: #4a4a4a;
	font-style: italic;
	font-family: Georgia, serif;
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.rankings .viewLink {
	position: relative;
}

p.rankDesc a {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	color: #f16724;
	text-decoration: none;			    	
	
}


.rankings .col25:hover p a {
	color: #579aab;
}

.rankings .col25:hover h3 a {
	color: #579aab;
}


/* Initiatives */

.initiatives {
	background: url(5ec0f213c878f851298da0881541f323168ba79f.jpg)  center top no-repeat;
	height: 463px;
}

.content {
	width: 364px;
	margin-left: 20px;
}

.initiatives .content h2 {
	color: #e5a9d1;
	position: relative;
	font-style: normal;
}

.initiatives h3 a {
	color: #fff;
	font-size: 18px;
	margin-bottom: 12px;
	font-family: 'Raleway', sans-serif;
	display: block;
	text-decoration: none;
	font-style: normal;
}

.initiatives h3 a:hover {
	text-decoration: underline;
}

.initiatives p {
	color: #fff;
	line-height: 18px;
	margin-bottom: 40px;
	margin-right: 20px;
}

/* Initiatives ANIMATIONS */

.initiatives .animate {
	position: absolute;
	background: url(a7feb6caa7aa067572195975b4b88567de7d5382.png)  center top no-repeat;
	width: 100%;
	height: 463px;
}



/* NEWS */

.news {
	background: url(d0989376b888bab204521cfab43078e5d9644950.jpg)  center top no-repeat;
	height: 463px;
}

h2.newsHdr {
	width: 217px;
	height: 60px;
	background: url(2171a22d000e6ee16b5316f0997477547c53a737.png)  center top no-repeat;
	display: block;
	text-align: center;
	width: 100%;
	position: relative;	
}

.news .col33 {
	text-align: left;
	height: 350px;
	position: relative;
	color: #fff;
}

.news .col33 .learnMore {
	color: #617f08;
	text-align: left;
	bottom: 70px;
}

.news .col33 h3 a {
	font-size: 17px;
	font-family: 'Raleway', sans-serif;
	padding-top: 40px;
	color: #fff;
	text-decoration: none;
	display: block;
	font-style: normal;
	font-weight: 100;
}

.news .col33 h3 a:hover {
	text-decoration: underline;
}

.news p.date {
	margin: 15px 0;
}

.news p {
	line-height: 17px;
}

.news .viewLink {
	position: relative;
}

/* NEWS ANIMATE  */

.news .animate {
	position: absolute;
	background: url(8680d591f5c9c381ca519f7d2977e0f989713e70.png)  center top no-repeat;
	width: 100%;
	height: 463px;
}

/* SUCCESS STORIES */

.success .animate {
	position: absolute;
	background: url(52eb75b716283d4fc1061a672cab84f89cfe2a48.png)  center top no-repeat;
	width: 100%;
	height: 463px;
}

.success {
	background: url(682659f7acb9057563dc63bf4ac6ae16a0bb0518.jpg)  center top no-repeat;
	height: 463px;
}

.success .content h2 {
	color: #bdecf8;
	margin-top: 110px;
	font-style: normal;
}

.success p {
	color: #fff;
	line-height: 18px;
	margin-bottom: 40px;
	margin-left: 40px;
}

/* THREE COLUMN LAYOUT - Business Tools */

.businessTools {
/* 	background: url(204a5cb9858fefc60b4527d607da7f2c80382ae8.png)  center top no-repeat; */
}

.businessTools h2 {
	position: relative;
	background: url(204a5cb9858fefc60b4527d607da7f2c80382ae8.png)  center top no-repeat;=
	width: 217px;
	height: 60px;
	display: block;
	text-align: center;
	width: 100%;
	position: relative;		
}

.businessTools .nineEighty {
	height: 532px;
}

.businessTools .col33 {
	text-align: center;
	height: 440px;
	margin-top: 30px;
}

.col33 {
	width: 253px;
	margin-right: 76px;
	margin-left: 76px;
	float: left;
	position: relative;
	display: block;
}

.col33.first {
	margin-left: 33px;
	margin-right: 0px;
}

.col33.last {
	margin-left: 0px;
	margin-right: 33px;
}

.col33 .learnMore {
	position: absolute;
	bottom: 78px;
	text-align: center;
	width: 100%;
	display: block;
}

h3.btImg {
	background: url(a4e398e8b05fb83eb9d2b409924f0f94e453652a.png) ;
	text-indent: -9999px;
	display: block;
	width: 253px;
	height: 164px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;
	position: relative;
	border-bottom: 1px solid #d5d5d5;
}

h3.btImg a {
	display: block;
	width: 253px;
	height: 164px;
}

h3.workNola {
	background-position: 0 0;
}

h3.workNola:hover {
	background-position: 0 -164px;
}

h3.gno {
	background-position: -253px 0;
}

h3.gno:hover {
	background-position: -253px -164px;
}

h3.waterPlan {
	background-position: -506px 0;
}

h3.waterPlan:hover {
	background-position: -506px -164px;
}

/* FOOTER */

.footerWrapper {
	background: url(98c78b0646c0daea87a5cea88ab9f983a3b2c77c.jpg)  center top no-repeat;
	height: 338px;
	color: #818181;
}

.footerWrapper .col33 {
	border-right: 1px solid #383838;
	height: 185px;
	width: 354px;
	margin: 70px 5px 0px 40px;
	float: left;
	position: relative;
	padding-right: 30px;	
}

.footerWrapper .col33.last {
	border-right: none;
	padding-right: 0;
	width: 150px;
}

.footerWrapper .col33.first {
	width: 205px;
}

.footerWrapper .col33 ul li {
	list-style: none;
	margin-bottom: 10px;
	font-size: 11px;
}

.footerWrapper .col33 ul li a {
	color: #818181;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;			
}

.footerWrapper .col33 ul li a:hover {
	color: #fff;
}

.footerWrapper h4 {
	font-size: 16px;
	font-weight: bold;
	color: #fff;	
}

h4.newsLetter {
	background: url(94b36ff58904462bcfd44a1b494499ba575384d5.png)  left center no-repeat;
	padding-left: 30px;
	margin-bottom: 15px;
	font-family: arial, sans-serif;
	font-style: normal;
}

h4.apps {
	background: url(a3b6195690b041c462001aeb70b27d0b49f814bc.png)  left center no-repeat;
	padding: 5px 0 5px 50px;
	margin: 25px 0 2px 0;
	font-family: arial, sans-serif;
	font-style: normal;	
}

.signUp input {
	background: #3c3c3c;
	width: 210px;
	height: 35px;
	color: #818181;
	border: none;
	font-size: 14px;
	padding-left: 20px;
	margin-right: 15px;
}

.signUp input.submit {
	background: url(42a9c01d6ff284f70529ef31047df1b63bf7b8df.png)  no-repeat;
	width: 101px;
	height: 37px;
	color: #fff;
	padding: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0, .5);
	margin-right: 0;
	cursor: pointer;
}

.moreWebsites {
	margin: 30px 0 10px 0;
}

.moreWebsites select {
	width: 85%;
}

p.finePrint {
	font-size: 10px;
	clear: both;
}

p.appDesc {
	font-size: 12px;
	padding-left: 50px;
	width: 185px;
	line-height: 14px;
}

.appBtn {
	position: absolute;
	background: url(42a9c01d6ff284f70529ef31047df1b63bf7b8df.png)  no-repeat;
	width: 101px;
	height: 37px;
	text-align: center;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0, .5);
	color: #fff;
	text-decoration: none;
	left: 249px;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
}

.iPhoneBtn {
	top: 103px;
}

.iPadBtn {
	top: 150px;
}


.gridcentered {
	text-align: center;
}
.gridwrapper {
	width: 100%;
	padding: 30px 0;
}
.gridcontainer {
	width: 670px;
	margin: 0 auto;
}
ul.grid-nav {
	list-style: none;
	font-size: .85em;
	font-weight: 200;
	text-align: center;
}
ul.grid-nav li {
	display: inline-block;
}
ul.grid-nav li a {
	display: inline-block;
	background: #999;
	color: #fff;
	padding: 10px 20px;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
ul.grid-nav li a:hover {
	background: #7b0;
}
ul.grid-nav li a.active {
	background: #333;
}

/* ----- Image grids ----- */
ul.rig {
	list-style: none;
	font-size: 0px;
	margin-left: -2.5%; /* should match li left margin */
}
ul.rig li {
	display: inline-block;
	padding: 10px;
	margin: 0 0 2.5% 2.5%;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	box-shadow: 0 0 5px #ddd;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
ul.rig li img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px;
}
ul.rig li h3 {
	margin: 0 0 5px;
}
ul.rig li p {
	font-size: .9em;
	line-height: 1.5em;
	color: #999;
}
/* class for 2 columns */
ul.rig.columns-2 li {
	width: 47.5%; /* this value + 2.5 should = 50% */
}
/* class for 3 columns */
ul.rig.columns-3 li {
	width: 30.83%; /* this value + 2.5 should = 33% */
}
/* class for 4 columns */
ul.rig.columns-4 li {
	width: 22.5%; /* this value + 2.5 should = 25% */
}

@media (max-width: 1199px) {
	.gridcontainer {
		width: auto;
		padding: 0 10px;
	}
}

@media (max-width: 480px) {
	ul.grid-nav li {
		display: block;
		margin: 0 0 5px;
	}
	ul.grid-nav li a {
		display: block;
	}
	ul.rig {
		margin-left: 0;
	}
	ul.rig li {
		width: 100% !important; /* over-ride all li styles */
		margin: 0 0 20px;
	}
	
	span.wpcf7-list-item { display: block; }
}

.beigeparagraph_3 {
background: #EBE8E7;
padding-left: 35px;
padding-right: 35px;
padding-top: 15px;
padding-bottom: 15px;
margin: 5px;
border: solid 1px #C7BEB6;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 3px #ccc;
-webkit-box-shadow: 0 0 3px #ccc;
-o-box-shadow: 0 0 3px #ccc;
-ms-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;
}