/* What is Diaper Service */


.whatis { }
.whatis .main { background-image: linear-gradient(to top, #e3eeff 0%, #f3e7e9 100%); }

.what-is-header { background-imagee: linear-gradient(to top, #37ecba 0%, #72afd3 100%); text-align: center; }
.what-is-header h1 { font-weight: 600; }
.what-is-header h3 { margin: 0.2em 0 0.2em 0; font-size: 1.8em; line-height: 1.3em; }
.what-is-header .why-header-image { display: block; width: 400px; height: 400px; margin: 1.5em auto 1.5em; background: url(/diaperservice/images/what-is/what-is-hero-large.png) center center no-repeat; background-size: 400px 400px; }
.what-is-header .intro { font-weight:500; }

.super-aboutdscontent { padding-left: 20px; padding-right: 20px;  }
.aboutdscontent { text-align: center; background: #ccc; max-width: 1200px; border-radius: 20px; margin: 15px auto; }
.aboutdscontent .section-content { padding-left: 15px; padding-right: 15px; } 
.aboutdscontent h3 {  }
.aboutdscontent p { font-size: 1.2em; margin-top: 1em; }
.aboutdscontent p b {  }
.aboutdscontent p.p-center { margin-top: 1em; }

.aboutdscontent.aboutds-landfill-content { padding-top: 400px; color: #fff; background: url("/diaperservice/images/what-is/whatis-bg-section1.jpg") top center; background-size: cover; }

.aboutdscontent.aboutds-service-content { padding-top: 400px; color: #fff; background: url("/diaperservice/images/what-is/whatis-bg-section2.jpg") top center; background-size: cover; }
.aboutdscontent.aboutds-service-content .img-fullservice { width: 300px; height: 200px; margin: 80px auto 50px; background: #fff; display: none; }

.aboutdscontent.aboutds-diapers-content { background: url("/diaperservice/images/what-is/whatis-bg-section3.jpg") top center; background-size: cover; }
.aboutdscontent.aboutds-diapers-content .img-diaper-boxes { width: 500px; height: 280px; margin: 80px auto 50px; background: url("/diaperservice/images/what-is/whatis-bg-section3-mainimage.png") center center no-repeat; background-size: 500px 280px; }

.aboutdscontent.aboutds-ready-content { padding-top: 400px; color: #fff; background: url("/diaperservice/images/what-is/whatis-bg-section4.jpg") top center; background-size: cover; }


@media only screen {
	}



/*Retina Full Size*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 144dppx) {
	.what-is-header .why-header-image { background: url(/diaperservice/images/what-is/what-is-hero-large_2x.png) center center no-repeat; background-size: 400px 400px; }
	
	.aboutdscontent.aboutds-landfill-content { background: url("/diaperservice/images/what-is/whatis-bg-section1_2x.jpg") top center; background-size: cover; }
	
	.aboutdscontent.aboutds-diapers-content { background: url("/diaperservice/images/what-is/whatis-bg-section2_2x.jpg") top center; background-size: cover; }
	
	.aboutdscontent.aboutds-diapers-content { background: url("/diaperservice/images/what-is/whatis-bg-section3_2x.jpg") top center; background-size: cover; }
	.aboutdscontent.aboutds-diapers-content .img-diaper-boxes { width: 500px; height: 280px; margin: 80px auto 50px; background: url("/diaperservice/images/what-is/whatis-bg-section3-mainimage_2x.png") center center no-repeat; background-size: 500px 280px; }
	
	.aboutdscontent.aboutds-ready-content { background: url("/diaperservice/images/what-is/whatis-bg-section4_2x.jpg") top center; background-size: cover; }
	
	}

/*Medium*/
@media only screen and (max-width: 1069px) { 
	.what-is-header h1 { }
	.what-is-header h3 { margin: 0.2em 0 0em 0; font-size: 1.7em; }
	.what-is-header .why-header-image { display: block; width: 300px; height: 300px; margin: 1.5em auto 1.5em; background: url(/diaperservice/images/what-is/what-is-hero-medium.png) center center no-repeat; background-size: 300px 300px; }
	.what-is-header .intro { font-weight:500; font-size: 1.1em; }

	}
	
/*Retina Medium*/
@media only screen and (max-width: 1069px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1069px) and (min-resolution: 144dpi), only screen and (max-width: 1069px) and (min-resolution: 144dppx) {
	.what-is-header .why-header-image { background: url(/diaperservice/images/what-is/what-is-hero-medium_2x.png) center center no-repeat; background-size: 300px 300px; }
	}

/*Small*/
@media only screen and (max-width: 735px) {
	.what-is-header h1 { }
	.what-is-header h3 { margin: 0.2em auto 0em auto; font-size: 1.3em; max-width: 400px; }
	.what-is-header .why-header-image { display: block; width: 250px; height: 250px; margin: 1em auto 1em; background-size: contain; }
	.what-is-header .intro { font-weight:500; font-size: 1.05em; max-width: 375px; margin: auto; }
	
	.aboutdscontent p { font-size: 1em; margin: 0.8em auto 0 auto;; max-width: 350px; }
	.aboutdscontent p b {  }
	.aboutdscontent p.p-center { margin-top: 0.8em; }
	
	.aboutdscontent.aboutds-landfill-content { padding-top: 250px; color: #fff; background: url("/diaperservice/images/what-is/whatis-bg-section1-small.jpg") top center; background-size: cover; }

	.aboutdscontent.aboutds-service-content { padding-top: 250px; color: #fff; background: url("/diaperservice/images/what-is/whatis-bg-section2-small.jpg") top center; background-size: cover; }
	.aboutdscontent.aboutds-service-content .img-fullservice { width: 300px; height: 200px; margin: 80px auto 50px; background: #fff; display: none; }

	.aboutdscontent.aboutds-diapers-content { background: url("/diaperservice/images/what-is/whatis-bg-section3-small.jpg") top center; background-size: cover; }
	.aboutdscontent.aboutds-diapers-content .img-diaper-boxes { width: 300px; height: 168px; margin: 50px auto 30px; background: url("/diaperservice/images/what-is/whatis-bg-section3-mainimage-small.png") center center no-repeat; background-size: 300px 168px; }

	.aboutdscontent.aboutds-ready-content { padding-top: 250px; color: #fff; background: url("/diaperservice/images/what-is/whatis-bg-section4-small.jpg") top center; background-size: cover; }

	
	}

/*Retina Small*/
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
	
	
	.aboutdscontent.aboutds-landfill-content { padding-top: 250px; color: #fff; background: url("/diaperservice/images/what-is/whatis-bg-section1-small_2x.jpg") top center; background-size: cover; }

	.aboutdscontent.aboutds-service-content { padding-top: 250px; color: #fff; background: url("/diaperservice/images/what-is/whatis-bg-section2-small_2x.jpg") top center; background-size: cover; }

	.aboutdscontent.aboutds-diapers-content { background: url("/diaperservice/images/what-is/whatis-bg-section3-small_2x.jpg") top center; background-size: cover; }
	.aboutdscontent.aboutds-diapers-content .img-diaper-boxes { width: 300px; height: 168px; margin: 50px auto 30px; background: url("/diaperservice/images/what-is/whatis-bg-section3-mainimage-small_2x.png") center center no-repeat; background-size: 300px 168px; }
	
	.aboutdscontent.aboutds-ready-content { padding-top: 250px; color: #fff; background: url("/diaperservice/images/what-is/whatis-bg-section4-small_2x.jpg") top center; background-size: cover; }
	
	
	}

/*XSmall*/
@media only screen and (max-width: 560px) {
	.what-is-header .why-header-image { display: block; width: 230px; height: 230px; margin: 1em auto 1em; background-size: contain; }
	
	
	}

/*Retina XSmall*/
@media only screen and (max-width: 560px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 560px) and (min-resolution: 144dpi), only screen and (max-width: 560px) and (min-resolution: 144dppx) {
	
	}










.timeline-content { text-align: center; margin: 10px 0; }
.timeline-content h3 { text-align: center; }
.timeline-content p.subintro { margin: 0.2em auto 2em; }
.timeline-content .timeline-can { max-width: 85%; margin: 0 auto; } 
.timeline-content .timeline-can h5 { font-size: 1.2em; margin-bottom: 0em; }	
.timeline-content .timeline-can p { margin-top: 0; }
.timeline-content .timeline-can .timeline-image { display: block; width: 200px; height: 130px;  margin: 0 auto 1em; border-radius: 10px; display: table; position: relative; }
.timeline-content .timeline-can .timeline-image .timeline-image-label { background: rgba(255, 255, 255, 0.65); display: block; position: absolute; bottom: 0; padding: 3px 9px;  margin-left: 6px; margin-bottom: 6px; border-radius: 5px; font-size: 0.6em; font-weight: 800; text-transform: uppercase; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }

.timeline-content .timeline-can .timeline-image.timelineimg1 { background: url("/diaperservice/images/home/timeline/step1.jpg") no-repeat center bottom; background-size: cover;  }
.timeline-content .timeline-can .timeline-image.timelineimg2 { background: url("/diaperservice/images/home/timeline/step2.jpg") no-repeat center bottom; background-size: cover;  }
.timeline-content .timeline-can .timeline-image.timelineimg3 { background: url("/diaperservice/images/home/timeline/step3.jpg") no-repeat center bottom; background-size: cover;  }

/*Retina Full Size*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 144dppx) {
	
	.timeline-content .timeline-can .timeline-image.timelineimg1 { background: url("/diaperservice/images/home/timeline/step1_2x.jpg") no-repeat center bottom; background-size: cover;  }
	.timeline-content .timeline-can .timeline-image.timelineimg2 { background: url("/diaperservice/images/home/timeline/step2_2x.jpg") no-repeat center bottom; background-size: cover;  }
	.timeline-content .timeline-can .timeline-image.timelineimg3 { background: url("/diaperservice/images/home/timeline/step3_2x.jpg") no-repeat center bottom; background-size: cover;  }

	}

/*Medium*/
@media only screen and (max-width: 1069px) { 
	
	.timeline-content .timeline-can { max-width: 92%; margin: 0 auto; margin-bottom: 3em; } 
	.timeline-content .step3 .timeline-can { margin-bottom: 0; }
	
	}


/*Small*/
@media only screen and (max-width: 735px) {
	
	.timeline-content p.subintro { font-size: 0.9em; max-width: 360px; }
	
	.timeline-content .timeline-can { max-width: 300px; }
	
	}