@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0
}




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


@font-face {
  font-family: 'Gotham-Bold';
  src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), 
   url('fonts/Gotham-Bold.otf')  format('opentype'),
   url('fonts/Gotham-Bold.woff') format('woff'), 
   url('fonts/Gotham-Bold.ttf')  format('truetype'), 
   url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Gotham-Light';
  src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),  
  url('fonts/Gotham-Light.otf')  format('opentype'),
  url('fonts/Gotham-Light.woff') format('woff'), 
  url('fonts/Gotham-Light.ttf')  format('truetype'), 
  url('fonts/Gotham-Light.svg#Gotham-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Black';
  src: url('fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),  
  url('fonts/Gotham-Black.otf')  format('opentype'),
  url('fonts/Gotham-Black.woff') format('woff'),
  url('fonts/Gotham-Black.ttf')  format('truetype'), 
  url('fonts/Gotham-Black.svg#Gotham-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/bebasneue.eot');
    src: url('fonts/bebasneue.eot') format('embedded-opentype'),
         url('fonts/bebasneue.woff2') format('woff2'),
         url('fonts/bebasneue.woff') format('woff'),
         url('fonts/bebasneue.ttf') format('truetype'),
         url('fonts/bebasneue.svg#BebasNeueRegular') format('svg');
}






body {
	background: #fff;
	font-family: 'Gotham-Light';
	font-size: 15px;
	color: #000;
}
.wrapper {
	width: 960px;
	margin: 0 auto
}
.clear {
	clear: both
}
p {
	font-family: 'Gotham-Light';
	font-size: 15px;
	color: #000;
	line-height: 20px
}
.align-left {
	float: left;
	position: relative;
}
.align-right {
	float: right;
	position: relative;
}
#header{display:none}
h1.entry-title { display:none;}
/*section1*/
#section1 {
	position: relative;
	display: block;
}
.section1-top {
	background: url(images/Porta-Potty-Rental/header-bg.jpg) repeat-x center 0;
}
.section1 {
	padding: 45px 59px 0 49px
}
.porta-potty {
}
.heading {
	position: relative
}
.heading h1 {
	background: #ffd120;
	box-shadow: 4px 4px 0 #ef960d;
	color: #025876;
	font-family: "Gotham-Bold";
	font-size: 24px;
	left: 83px;
	padding: 22px 0 15px;
	position: absolute;
	text-align: center;
	top: -53px;
	width: 83%;
}
.you-probably {
	padding: 0 22px 0 30px
}
.left-part {
	float: left;
	width: 29%;
}
.left-part img {
	padding: 0 0px 0 27px;
	float: left
}
.right-part {
	float: left;
	width: 69%;
}
.right-part p {
	padding: 12px 0 0 0
}
.right-part h2 {
	border-left: 7px solid #3bc6eb;
	color: #015272;
	font-family: "Gotham-Bold";
	font-size: 18px;
	margin: 30px 0 0;
	padding: 6px 100px 11px 20px;
}
.break {
	clear: both
}
.break p {
	padding: 15px 1px 34px 0
}
.there-bg {
	background: #f6f8f9
}
.there-are {
}
.there-are .heading {
	position: relative
}
.there-are .heading h1 {
	background: #ffd120;
	box-shadow: 4px 4px 0 #ef960d;
	color: #025876;
	font-family: "Gotham-Bold";
	font-size: 16px;
	padding: 22px 25px 15px 35px;
	text-align: center;
	width: 72%;
	text-transform: uppercase; margin:30px auto 0; position:static
}
.there-are-contant {
	padding: 19px 59px 60px 49px
}
.there-are-contant ul {
	margin: 37px 0 0 0;
	padding: 0;
	text-align: center
}
.there-are-contant ul li {
	list-style: none;
	display: inline-block;
	color: #000;
	font-size: 14px;
	font-family: "Gotham-Bold";
	vertical-align: top;
	width: 140px;
	text-align: center;
	padding: 0 0 0 20px
}
.there-are-contant ul li img {
	padding: 0 0 10px 0
}
.the-humble-top {
	position: relative
}
.the-humble-img {
	background: url(images/Porta-Potty-Rental/there-are-bottom.jpg) no-repeat center 0;
	height: 122px;
	position: absolute;
	left: 0;
	top: -47px;
	clear: both
}
.the-humble-img img {
	display: block;
	margin: 10px auto auto;
	text-align: center;
	width: 56px;
}
.the-humble-img p {
	color: #025876;
	font-family: "Gotham-Bold";
	font-size: 15px;
	width: 51%;
	text-align: center;
	margin: auto;
	padding: 10px 0 0 0
}
.humble-porta {
	padding: 80px 49px 30px 39px
}
.humble-porta h1 {
	color: #025876;
	font-size: 16px;
	font-family: "Gotham-Bold";
	text-align: center
}
.humble-porta ul {
	margin: 16px 0 0 0;
	padding: 0;
	text-align: center
}
.humble-porta ul li {
	list-style: none;
	display: inline-block;
	color: #000;
	font-size: 14px;
	font-family: 'Gotham-Light';
	vertical-align: top;
	width: 170px;
	text-align: center;
	padding: 0 0 0 0px
}
.humble-porta ul li img {
	padding: 0 0 10px 0
}
.humble-porta-bottom {
	padding: 6px 59px 23px 49px
}

/*14-09-2015*/
.humble-porta-bottom:after{ display:block; clear:both; content:""}
.addcode{ display:block; float:left}

/* end  14-09-2015*/

.humble-porta-bottom-left {
	float: left;
	width: 30%
}
.humble-porta-bottom-left img {
}
.humble-porta-bottom-right {
	float: left;
	width: 69%;
	padding-bottom: 0px
}
.humble-porta-bottom-right p {
	line-height: 18px;
	padding: 7px 0;
}
.fun-face {
	background: #3bc6eb;
	clear: both; margin-top:20px
}
.fun-face-img {
	position: relative
}
.fun-face-img img {
	position: absolute;
	top: -17px;
	left: 0
}
.fun-face-text {
	color: #fff;
	float: right;
	font-family: "Gotham-light";
	font-size: 16px;
	font-weight: bold;
	padding: 25px 12px 25px 0;
	width: 66%;
}
.potty-rental {
	padding: 32px 49px 0px 43px
}
.potty-rental h2 {
	font-family: "Gotham-Bold";
	font-size: 15px;
	color: #025876;
	text-align: center
}
.some-sanitation {
	width: 249px;
	float: left;
	margin: 17px 0 0 0;
	text-align: center
}
.some-sanitation img {
	margin-bottom: 8px
}
.some-sanitation p {
	line-height: normal;
}
.stocked {
	width: 259px;
	float: left;
	margin: 17px 0 0 40px;
	text-align: center
}
.stocked img {
	margin-bottom: 8px
}
.stocked p {
	line-height: normal;
}
.long-term {
	width: 297px;
	float: left;
	margin: 17px 0 0 23px;
	text-align: center
}
.long-term img {
	margin-bottom: 8px
}
.long-term p {
	line-height: normal;
}
.some-sanitation1 {
	width: 249px;
	float: left;
	margin: 8px 0 0 0;
	text-align: center
}
.some-sanitation1 img {
	margin-bottom: 8px
}
.some-sanitation1 p {
	line-height: normal;
}
.stocked1 {
	width: 259px;
	float: left;
	margin: 8px 0 0 40px;
	text-align: center
}
.stocked1 img {
	margin-bottom: 8px
}
.stocked1 p {
	line-height: normal;
}
.long-term1 {
	width: 297px;
	float: left;
	margin: 8px 0 0 23px;
	text-align: center
}
.long-term1 img {
	margin-bottom: 8px
}
.long-term1 p {
	line-height: normal;
	padding: 0 4px
}
.some-sanitation2 {
	width: 249px;
	float: left;
	margin: 0 0 0 0;
	text-align: center
}
.some-sanitation2 img {
	margin-bottom: 8px
}
.some-sanitation2 p {
	line-height: normal;
}
.stocked2 {
	width: 259px;
	float: left;
	margin: 0 0 0 40px;
	text-align: center
}
.stocked2 img {
	margin-bottom: 8px
}
.stocked2 p {
	line-height: normal;
}
.long-term2 {
	width: 297px;
	float: left;
	margin: 0 0 150px 23px;
	text-align: center
}
.long-term2 img {
	margin-bottom: 8px
}
.long-term2 p {
	line-height: normal;
}
/*section1-end*/
/*section2*/
#section2 {
	position: relative;
	display: block;
	background: #025876;
	clear: both
}
.potty-rental-bottom {
	position: relative
}
.potty-rental-bottom-in {
	background: none repeat scroll 0 0 #ffd120;
	box-shadow: 7px 7px 0 #ef960d;
	position: absolute;
	top: -104px;
	width: 90%;
	left: 50px
}
.jobsites {
	position: relative;
	z-index: 0
}
.jobsites img {
	left: 20px;
	position: absolute;
	top: -31px;
}
.jobsites h2 {
	color: #025876;
	font-family: "Gotham-Bold";
	font-size: 16px;
	padding: 25px 0 25px;
	width: 53%;
	float: right
}
.porta {
	width: 590px;
	margin: auto;
	padding-top: 54px
}
.porta h1 {
	color: #fff;
	font-family: "Gotham-Black";
	font-size: 40px;
	text-align: center;
	text-shadow: 4px 5px 0 #013d52;
	text-transform: uppercase;
}
.porta h1 span {
	color: #ffd120;
}
.porta-contant {
	background: #fff;
	margin: 0 36px
}
.event-type {
	padding: 10px 18px 0 18px
}
.event-type-img {
	width: 17%;
	float: left
}
.event-type-text {
	float: left;
	width: 75%
}
.event-type-text h1 {
	color: #025876;
	font-size: 36px;
	font-family: "Gotham-Bold";
	padding: 0 0 23px;
	text-transform: uppercase;
}
.event-type-text h2 {
	color: #000;
	font-size: 16px;
	font-family: "Gotham-Bold";
	padding: 0 0 15px 0
}
.event-type-text p {
}
.event-duration {
	padding: 12px 55px 0 47px;
	clear: both;
	background: #f6f8f9;
	margin-top: 12px;
	position: relative
}
.event-duration h2 {
	color: #025876;
	font-size: 16px;
	font-family: "Gotham-Bold";
	padding: 0 0 23px;
	text-align: center
}
.event-duration h1 {
	color: #025876;
	font-size: 16px;
	font-family: "Gotham-Bold";
	padding: 0 0 6px;
	text-align: center;
}
.event-duration h1 span {
	text-transform: uppercase
}
.people-attending {
	width: 45px;
	float: left;
	padding: 170px 0 0 0
}
.event-duration-right {
	float: left;
	width: 93%;
	position: relative
}
.event-duration-right p {
	font-size: 12px;
	padding: 0 50px 75px 50px;
	text-align: center;
}
.gathering {
	background: #fff
}
.specific {
	position: relative
}
.specific h2 {
	background: #ffd120;
	box-shadow: 4px 4px 0 #ef960d;
	color: #000;
	font-family: "Gotham-Light";
	font-size: 16px;
	font-weight: normal;
	left: 55px;
	padding: 22px 17px 15px;
	position: absolute;
	top: -53px;
	width: 84%;
}
.knowing {
	padding: 50px 60px 40px 88px
}
.knowing img {
	width: 9%;
	float: left
}
.knowing p {
	width: 88%;
	float: left;
	padding: 26px 0 0 21px
}
.gathering-part {
	background: #f6f8f9;
	margin: 10px 12px 0 12px;
	clear: both
}
.gathering-part h4 {
	background: url(images/Porta-Potty-Rental/gathering.jpg) repeat-x;
	height: 27px;
	color: #00566c;
	font-size: 16px;
	font-family: "Gotham-Bold";
	padding: 40px 190px;
	text-align: center
}
.gathering-part ul {
	margin: 0;
	padding: 0 41px 32px 25px
}
.gathering-part ul li {
	background: url(images/Porta-Potty-Rental/arrow.png) no-repeat left center;
	list-style: none;
	font-family: 'Gotham-Bold';
	font-size: 14px;
	display: inline-block;
	padding: 11px 29px 10px 41px;
	vertical-align: top
}
.gathering-part ul .aline {
	margin-left: 205px
}
.seasoned {
	padding: 5px 29px 0 37px
}
.seasoned img {
	float: left;
	width: 22%
}
.seasoned p {
	float: left;
	padding: 10px 0 0 32px;
	width: 74%;
	line-height: none
}
.budget:after { clear:both; content:""; display:block;}
.budget {
clear: both;
}
.budget-img {
}
.budget-img img {
	float: left;
	padding: 0 24px 0 16px
}
.budget-img span {
	float: left;
	color: #00566c;
	font-size: 36px;
	font-family: "Gotham-Bold";
	text-transform: uppercase;
	padding: 9px 0 0 0
}
.budget p {
	clear: both;
	text-align: center;
	font-size: 16px;
	font-family: "Gotham-Bold";
	color: #000;
	padding: 10px 0 10px 100px;
}
.heading.budget h3 {
	color: #025876;
	background: url(https://www.portapotty.net/wp-content/uploads/porta-potty-rental/budget.jpg) no-repeat left center;
	padding: 20px 0px 20px 130px;
	margin-top: 0px;
	font-family: 'Gotham-Bold';
	font-size: 36px;
	text-transform: uppercase;
	border-spacing: 20px;
}
.most-porta {
	background: #ffd117;
	padding: 16px 40px 16px 27px
}
.most-porta img {
	float: left;
	width: 14.5%
}
.most-porta p {
	float: left;
	width: 80%;
	padding: 10px 0 0 28px
}
.based {
	padding: 16px 0 0 0
}
.based h2 {
	color: #025876;
	font-size: 16px;
	font-family: "Gotham-Bold";
	text-align: center;
	padding: 0px 25px 13px 25px
}
.based-bottom {
}
.straightforward {
	width: 23%;
	float: left;
	margin: 0 0 0 5px
}
.straightforward img {
}
.straightforward p {
	text-align: center;
	font-size: 15px;
	padding: 25px 0 13px 0
}
.straightforward p span {
	color: #025876;
	font-size: 15px;
	font-family: "Gotham-Bold";
}
.cost {
	width: 22%;
	float: left;
	margin: 0 0 0 19px
}
.cost img {
}
.cost p {
	text-align: center;
	font-size: 15px;
	padding: 25px 0 13px 0
}
.cost p span {
	color: #025876;
	font-size: 15px;
	font-family: "Gotham-Bold";
}
.standard {
	width: 24%;
	float: left;
	margin: 0 0 0 30px
}
.standard img {
}
.standard p {
	text-align: center;
	font-size: 15px;
	width: 90%;
	padding: 25px 0 13px 0
}
.standard p span {
	color: #025876;
	font-size: 15px;
	font-family: "Gotham-Bold";
}
.deluxe {
	width: 22%;
	float: left;
	margin: 0 0 0 15px
}
.deluxe img {
}
.deluxe p {
	text-align: center;
	font-size: 15px;
	padding: 25px 0 13px 0
}
.deluxe p span {
	color: #025876;
	font-size: 15px;
	font-family: "Gotham-Bold";
}
.the-good {
	background: #f6f8f9;
	clear: both; overflow:hidden
}
.good-news:after {
	clear: both;
	content: "";
	display: block;
}
.good-news {
	padding: 35px 51px 10px 40px;
}
.good-news p {
	width: 76%;
	float: left
}
.good-news img {
	width: 20.5%;
	float: left
}
.border img {
	vertical-align: bottom;
}
.placement:after, .two-houses:after, .person-grass:after, .portable01:after, .steps .box:after {
	clear: both;
	content: "";
	display: block;
}
.placement {
	padding: 15px;
	background: #fff;
}
.placement .align-left {
	width: 595px;
}
.placement .align-left h2 {
	color: #025876;
	background: url(images/Porta-Potty-Rental/location.jpg) no-repeat left 0px;
	padding: 30px 0 30px 90px;
	margin-top: -40px;
	font-family: 'Gotham-Bold';
	font-size: 36px;
	text-transform: uppercase;
}
.placement .align-right {
	width: 245px;
}
.heading h4 {
	background: #ffd117;
	padding: 15px 10px;
	text-align: center;
	font-size: 16px;
	color: #025876;
	font-family: 'Gotham-Bold';
}
.two-houses {
	background: #fff;
	padding: 15px;
}
.two-houses .align-left {
	width: 440px;
	border-right: 2px solid #6bd4f0;
	padding-right: 20px;
}
.two-houses .align-right {
	width: 380px;
}
.two-houses img {
	margin: 0 auto 10px;
	display: block;
}
.heading.service {
	background: #fff;
	padding: 0 35px 20px;
}
.heading.service h3 {
	color: #025876;
	background: url(images/Porta-Potty-Rental/nal.jpg) no-repeat left center;
	padding: 20px 0 20px 130px;
	margin-top: 0px;
	font-family: 'Gotham-Bold';
	font-size: 36px;
	text-transform: uppercase;
}
.heading-text {
	background: #ffd117;
	padding: 15px;
}
.heading-text img {
	float: left;
	margin-right: 15px;
	position: relative;
	margin-top: -28px;
}
.heading-text p {
	font-size: 16px;
}
.settings {
	background: #fff;
	padding: 15px 15px;
}
.settings ul {
	text-align: center;
}
.settings ul li {
	width: 308px;
	display: inline-block;
	vertical-align: top;
	list-style: none;
}
.settings ul li img {
	margin-bottom: 10px;
}
.settings ul li:first-child {
	width: 187px;
}
.settings ul li h4 {
	font-family: 'Gotham-Bold';
	margin-bottom: 5px;
}
.settings > h3 {
	font-size: 15px;
	color: #025876;
	text-align: center;
	font-family: 'Gotham-Bold';
	margin-bottom: 15px;
}
.person-grass {
	margin: 0 auto;
	padding: 10px 20px 13px;
}
.person-grass .align-left {
	width: 295px;
}
.person-grass .align-right {
	width: 542px;
}
.person-grass .align-right h3 {
	font-size: 15px;
	color: #015272;
	font-family: 'Gotham-Bold';
	border-left: 7px solid #3bc6eb;
	padding: 10px 0px 10px 25px;
	margin-bottom: 10px;
}
.your-event h1 {
	color: #fff;
	font-family: "Gotham-Black";
	font-size: 40px;
	margin: 20px 0px;
	text-align: center;
	text-shadow: 4px 5px 0 #013d52;
	text-transform: uppercase;
}
.your-event h1 span {
	color: #ffd117;
	display: block;
}
.portable01 > p {
	text-align: center;
	margin: 10px auto 15px;
	font-size: 16px;
}
.portable01 img {
	float: left;
	margin-right: 15px;
}
.portable01 .align-left {
	width: 312px;
}
.portable01 .align-right {
	width: 510px;
}
.portable01 h4 {
	color: #015272;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 15px;
	font-family: 'Gotham-Bold';
}
.portable01 h4 span {
	display: block;
	font-family: 'Gotham-Light';
}
.portable01 h2 {
	text-align: center;
	color: #015272;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 15px;
	font-family: 'Gotham-Bold';
	clear: both;
}
/*.porta-extra:before {
	background: url(images/Porta-Potty-Rental/bottom-arro03.jpg) no-repeat center 0;
	width: 100%;
	height: 68px;
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
}*/
.porta-extra {
	background: url(images/Porta-Potty-Rental/bg.jpg) repeat-x left bottom #f6f8f9;
	text-align: center;
	padding: 40px 20px 20px;
	position: relative;
}
.porta-extra h3 {
	color: #025876;
	font-size: 30px;
	font-family: 'Gotham-Bold';
	text-transform: uppercase;
}
.porta-extra p {
	font-family: 'Gotham-Bold';
	margin: 15px auto 20px;
}
.porta-extra h6 {
	background: #ffd120;
	width: 695px;
	margin: 0 auto;
	font-size: 15px;
	box-shadow: 5px 5px 0px #ef960d;
	text-transform: uppercase;
	color: #015272;
	font-family: 'Gotham-Bold';
	padding: 15px 20px;
}
.steps {
	margin: 0 auto;
}
.steps .box {
	margin: 0 auto 0px;
	padding: 16px 16px 15px;
}
.steps .box .align-left {
	width: 410px;
	position: relative;
}
.steps .box .align-left:before {
	background: url(images/Porta-Potty-Rental/step01.jpg) no-repeat;
	left: 0px;
	top: 0px;
	position: absolute;
	content: "";
	width: 45px;
	height: 46px;
}
.steps .box .img-part {
	float: left;
	width: 190px;
	text-align: center;
	min-height: 200px;
}
.steps .box h3 {
	color: #015272;
	text-transform: uppercase;
	font-family: 'BebasNeueRegular';
	font-size: 21px;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 10px;
}
.steps .box .align-right {
	width: 410px;
	position: relative;
}
.steps .box .align-right:before {
	background: url(images/Porta-Potty-Rental/step02.jpg) no-repeat;
	left: 0px;
	top: 0px;
	position: absolute;
	content: "";
	width: 45px;
	height: 46px;
}
.steps .box.box4 .align-left .img-part, .steps .box.box5 .align-left .img-part {
	align-items: center;
	display: flex;
	min-height: 235px;
}
.steps .box.box2 .align-left:before {
	background: url(images/Porta-Potty-Rental/step03.jpg) no-repeat;
	left: 0px;
	top: 0px;
	position: absolute;
	content: "";
	width: 45px;
	height: 46px;
}
.steps .box.box2 .align-right:before {
	background: url(images/Porta-Potty-Rental/step04.jpg) no-repeat;
	left: 0px;
	top: 0px;
	position: absolute;
	content: "";
	width: 45px;
	height: 46px;
}
.steps .box.box3 .align-left:before {
	background: url(images/Porta-Potty-Rental/step05.jpg) no-repeat;
	left: 0px;
	top: 0px;
	position: absolute;
	content: "";
	width: 45px;
	height: 46px;
}
.steps .box.box3 .align-right:before {
	background: url(images/Porta-Potty-Rental/step06.jpg) no-repeat;
	left: 0px;
	top: 0px;
	position: absolute;
	content: "";
	width: 45px;
	height: 46px;
}
.steps .box.box4 .align-left:before {
	background: url(images/Porta-Potty-Rental/step07.jpg) no-repeat;
	left: 0px;
	top: 0px;
	position: absolute;
	content: "";
	width: 45px;
	height: 46px;
}
.steps .box.box4 .align-right:before {
	background: url(images/Porta-Potty-Rental/step08.png) no-repeat;
	left: 0px;
	top: 0px;
	position: absolute;
	content: "";
	width: 45px;
	height: 46px;
}
.steps .box.box5 .align-left:before {
	background: url(images/Porta-Potty-Rental/step09.png) no-repeat;
	left: 0px;
	top: 0px;
	position: absolute;
	content: "";
	width: 45px;
	height: 46px;
}
.steps .box.box5 .align-right:before {
	background: url(images/Porta-Potty-Rental/step10.png) no-repeat;
	left: 0px;
	top: 0px;
	position: absolute;
	content: "";
	width: 45px;
	height: 46px;
}
.footer {
	background:#3bc6eb;
	padding: 50px 0px 10px;
	margin-top: -5px;
}
.footer-inside {
	padding: 10px 52px;
}
.footer-inside h5 {
	font-size: 18px;
	color: #fff;
	font-family: 'Gotham-Bold';
	margin-bottom: 10px;
}
.footer-inside ul li {
	color: #fff;
	font-family: 'Gotham-Bold';
	font-size: 12px;
	list-style: none;
	margin-bottom: 5px;
	word-wrap: break-word;
}
 
 #header + div{ height:auto !important}
 
/*porta-potty-bottom-section*/ 

#section04 {
  background: #f6f8f9 url("images/bottom-rpt.jpg") repeat-x scroll left top;
} 
.sec-bg {
  background: url("images/footer_bg.png") no-repeat center top;
  padding: 55px 0 30px;
}
.free-quick {
  margin: 0 auto;
  text-align: center;
}
.free-quick h1 {
  color: #fff;
  font-family: "LoveloBlack-Regular",arial;
  font-size: 44px;
  line-height: 50px;
  margin-top: 40px;
  padding: 70px 0 25px;
  text-shadow: 2px 4px 0 #24add1;
}
.free-quick h1 a {
  background: #ffd120 url("images/arrow-right.jpg") no-repeat scroll 250px center;
  border-radius: 5px;
  box-shadow: 0 3px 0 #e89801;
  color: #01566c;
  display: block;
  font-size: 21px;
  margin: 30px auto 0;
  padding: 0 50px;
  text-decoration: none;
  text-shadow: none;
  width: 200px;
}
 
 
 /*------------------------------------------------------------*/
/*                R E S P O N S I V E  C S S
/*------------------------------------------------------------*/


@media all and (max-width:900px) {
img {
	max-width: 100%;
	height: auto;
}
.wrapper {
	width: 100%; overflow:hidden
}
.section1 {
	padding: 45px 24px 0;
}
.you-probably {
	padding: 0px;
}
.left-part {
	margin-top: 20px;
}
.there-are-contant ul li:first-child {
	padding-left: 0px;
}
.there-are-contant {
	padding: 19px 15px 60px 15px;
}
.humble-porta-bottom:after, .potty-rental:after, .knowing:after, .specific:after, .seasoned:after, .budget-img:after, .based-bottom:after {
	clear: both;
	display: block;
	content: "";
}
.humble-porta-bottom {
	padding: 6px 20px 25px;
}
.humble-porta-bottom-right {
	float: right;
	width: 68%;
}
.potty-rental {
	padding: 20px 15px 0 15px;
}
.some-sanitation, .some-sanitation1, .some-sanitation2 {
	width: 33%;
}
.stocked, .stocked1, .stocked2 {
	margin: 17px 0 0 1%;
	width: 33%;
}
.long-term, .long-term1, .long-term2 {
	width: 30%;
}
.jobsites img {
	top: 0;
	width: 290px;
}
.porta-contant {
	margin: 0px 15px;
}
.knowing {
	padding: 20px 20px;
	margin-top: 40px;
}
.specific {
	display: block;
	min-height: 30px;
	position: relative;
}
.gathering-part ul {
	padding: 0 10px 20px 10px;
}
.gathering-part ul li {
	min-width: 125px;
}
.seasoned {
	padding: 5px 15px 0 15px;
}
.seasoned img {
	width: auto;
	display: block;
	margin: 0 auto;
	float: none;
}
.seasoned p {
	width: 100%;
	padding: 0px;
}
.budget-img {
	width: 400px;
	margin: 0 auto;
}
.budget p {
	padding: 10px 20px;
	text-align: center;
}
.placement .align-left {
	width: 100%;
}
.placement .align-right {
	width: 100%;
	float: none;
	text-align: center;
}
.two-houses .align-left, .two-houses .align-right {
	text-align: center;
	width: 100%;
	padding-right: 0px;
	border: none;
}
.settings ul li {
	width: 32%;
}
.person-grass .align-right {
	width: 100%;
	margin-top: 10px;
}
.your-event h1 {
	font-size: 30px;
}
.portable01 .align-left, .portable01 .align-right {
	width: 100%;
	text-align: center;
}
.portable01 img {
	margin: 0 auto;
	float: none;
}
.steps .box .align-left, .steps .box .align-right {
	width: 48%;
}
.steps .box .img-part {
	width: 100%;
}
.porta-extra h6 {
	width: auto;
}
.the-humble-img p {
  padding: 10px 20px 0;
}
.humble-porta h1{ padding:0 10px}
}
 @media all and (max-width:768px) {
.straightforward, .cost, .standard, .deluxe {
	width: 30%;
	min-height: 200px;
	text-align: center;
}
.border img {
	width: 100%;
}
.gathering-part ul li {
	min-width: 145px;
}
.gathering-part ul .aline {
	margin-left: 0px;
}
.gathering-part h4 {
	height: auto;
	padding: 25px 35px;
}
.knowing {
	text-align: center;
}
.knowing img {
	width: auto;
	float: none;
}
.event-duration {
	padding: 12px 20px 0;
}
.some-sanitation, .some-sanitation1, .some-sanitation2, .stocked, .stocked1, .stocked2, .long-term, .long-term1, .long-term2 {
	float: left;
	margin: 15px 2%;
	min-height: 200px;
	width: 28%;
}
.potty-rental-bottom-in:after {
	clear: both;
	content: "";
	display: block;
}
.potty-rental-bottom-in {
	position: relative;
	top: 20px;
}
.humble-porta {
	padding: 80px 15px 30px;
}
.section1-top {
	background: none;
}
.there-are-contant {
	padding: 0px 15px 60px;
}
}
 @media all and (max-width:640px) {
.heading h1, .specific h2 {
	left: 50%;
	margin-left: -42%;
	padding: 2%;
	width: 80%;
}
.left-part img {
	float: left;
	padding: 0;
}
.event-duration-right {
	width: 90%;
}
.gathering-part ul li {
	width: 34%;
}
.gathering-part ul li br {
	display: none;
}
.straightforward, .cost, .standard, .deluxe {
	width: 45%;
	min-height: 200px;
	margin: 2%;
}
.good-news img {
	margin: 0 auto;
	width: auto;
	display: block;
	float: none; clear:both
}
.good-news p {
	text-align: center;
	width: 100%;
}
.good-news {
	padding: 20px;
}
.footer-inside {
	padding: 10px 25px;
}

.there-are .heading h1{ margin-left: auto}
}
 @media all and (max-width:550px) {
.heading {
	display: block;
	min-height: 10px;
}
.heading h1 {
	top: -32px;
}
.left-part {
	width: 100%;
	float: none;
	margin: 0 auto;
	text-align: center;
	display: block;
}
.left-part img {
	text-align: center;
	float: none;
}
.right-part {
	width: 100%;
}
.humble-porta-bottom-left {
	width: 100%;
	text-align: center;
	float: none;
}
.humble-porta-bottom-right {
	text-align: center;
	width: 100%;
}
.fun-face-text {
	width: auto;
	padding: 133px 12px 25px 22px;
}
.some-sanitation, .some-sanitation1, .some-sanitation2, .stocked, .stocked1, .stocked2, .long-term, .long-term1, .long-term2 {
	width: 300px;
	margin: 0 auto;
	float: none;
}
.potty-rental-bottom-in {
	left: 10px;
}
.jobsites img {
	width: auto;
	text-align: center;
	position: relative;
	margin: 0 auto;
}
.jobsites h2 {
	width: auto;
	padding: 20px 15px 20px;
}
.porta h1 {
	font-size: 30px;
	width: 100%;
}
.porta {
	width: auto;
}
.people-attending {
	padding: 100px 0 0;
}
.settings ul li, .settings ul li:first-child {
	width: 300px;
}
.person-grass .align-left {
	width: 100%;
	text-align: center;
}




}
 @media all and (max-width:480px) {
.steps .box .align-left, .steps .box .align-right {
	width: 300px;
	margin: 20px auto;
	float: none;
}
.heading h1 {
  position: relative;
  top: 20px;
}
}
 @media all and (max-width:400px) {
.heading h1 {
	left: auto;
	margin: 0 auto;
	position: relative;
	top: 10px;
}
.right-part h2 {
	padding-right: 0px;
}
.there-are-contant ul li {
	padding-left: 0px;
	float: none;
	display: block;
	margin: 0 auto;
	width: 250px;
}
.the-humble-img p {
	width: auto;
}
.jobsites img {
	max-width: 100%;
	left: 0px;
}
.event-type-text h1 {
	font-size: 25px;
	padding: 12px 0 16px 12px;
}
.event-type-text {
	width: 100%;
}
.event-type-img {
	width: 100%;
	text-align: center;
	float: none;
}
.people-attending {
	display: none;
}
.event-duration-right {
	width: 100%;
}
.event-duration-right p {
	padding: 15px;
}
.specific h2 {
	position: relative;
	top: 0px;
}
.gathering-part ul li {
	width: 73%;
}
.gathering-part h4 {
	padding: 25px 10px;
}
.budget-img {
	width: 100%;
}
.budget-img img {
	display: block;
	margin: 0 auto;
	float: none;
}
.budget-img span {
	text-align: center;
	font-size: 30px;
	width: 100%;
}
.most-porta img {
	width: auto;
	display: block;
	margin: 0 auto;
	float: none;
	text-align: center;
}
.most-porta p {
	padding: 10px;
	width: auto;
}
.most-porta {
	padding: 20px;
}
.straightforward, .cost, .standard, .deluxe {
	width: 96%;
}
.placement .align-left h2, .heading.service h3 {
	font-size: 29px;
	padding: 20px;
	background: none;
	text-align: center;
}
.heading-text img {
	float: none;
	margin: 0 auto;
	text-align: center;
	display: block;
}
.settings ul li, .settings ul li:first-child, .steps .box .align-left, .steps .box .align-right {
	width: auto;
}
}