.imp-section{
    width: 100%;
    clear: both;
    font-size: 18px;
}

.imp-section h2{
    color: #231f20;
    font-size: 40px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    margin-bottom: 30px;
    line-height: 40px;
    text-transform: uppercase;
}

.imp-section h3{
    color: #231f20;
    font-size: 35px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    line-height: 1;
    margin-bottom: 25px;
    display: block;
}

.imp-section p,
.imp-section li{
    line-height: 1.3;
}

.imp-section a{
    transition: all 0.3s ease;
}

.imp-container{
    max-width: 1225px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.imp-banner,
.imp-giving-back{
    background: #fdd700;
}

.imp-steps-taken{
    background: #dedede;
}

/* notice */
.pdr-notice{
    background: #00ad3c;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}

.pdr-notice strong{
    font-weight: 900;
}

.pdr-notice span{
    margin: 0 5px;
}

.pdr-notice a{
    color: #fff;
    text-decoration: underline !important;
}

/* banner */

.imp-banner{
    background: #fdd700;
}

.imp-banner-pd-logo{
    position: absolute;
    top: 30px;
    left: calc(50% - 60px);
    width: 120px;
}

.imp-banner-left{
    padding-top: 90px;
}

.imp-banner h1{
    color: #231f20;
	font-size: 70px;
	font-weight: 900;
	font-family: "Gotham", sans-serif;
    margin-bottom: 10px;
    line-height: 60px;
    text-transform: uppercase;
}

.imp-banner h1 span {
	display: block;
}

.imp-banner-left p{
    color: #231f20;
    font-size: 21px;
	line-height: 28px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    margin-bottom: 25px;
    width: 515px;
    max-width: 100%;
    text-transform: uppercase;
}

.imp-banner-gallery{
    padding-bottom: 75px;
}

.imp-banner-gallery img{
    width: 100px;
    margin-right: 15px;
}

.imp-banner-image{
    position: absolute;
    bottom: 0;
    right: -40px;
    max-height: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.imp-banner-image img{
    max-height: 100%;
    width: auto;
}

/* anchor navigation */

.imp-anchor-navigation{
    padding-top: 75px;
}

.imp-anchor-navigation-inner{
    text-align: center;
}

.imp-anchor-navigation a {
	font-size: 18px;
	font-weight: 900;
	font-family: "Gotham",sans-serif;
	color: #000;
	border: 2px solid #008091;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	height: 40px;
	margin: 0 4px 8px 4px;
    text-decoration: none;
}

.imp-anchor-navigation a:hover {
	color: #fff;
	background: #008091;
	border: 2px solid #008091;
}

/* our planet */

.imp-our-planet{
    padding-top: 40px;
}

.imp-our-planet-inner{
    width: 675px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

.imp-our-planet-content{
    margin-bottom: 40px;
}

.imp-our-planet-img{
    margin-bottom: 35px;
}

/* steps taken */

.imp-steps-taken{
    padding: 75px 0;
    text-align: center;
}

.imp-steps-taken h2{
    color: #231f20;
    font-size: 40px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    margin-bottom: 30px;
    line-height: 40px;
    text-transform: uppercase;
}

.imp-steps-taken-1{
    margin-bottom: 55px;
}

h3.imp-steps-taken-h3{
    color: #231f20;
    font-size: 25px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    line-height: 1;
    margin-bottom: 18px;
    display: block;
    text-transform: uppercase;
}

.imp-steps-taken-1 p.imp-steps-taken-line{
    color: #231f20;
    font-size: 18px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    display: block;
    max-width: 100%;
    width: 675px;
    margin: 0 auto 35px auto;
}

.imp-steps-taken-circles {
	width: 480px;
	margin: 0 auto;
    display: flex;
}

.imp-steps-taken-circle-1,
.imp-steps-taken-circle-2{
    height: 200px;
    width: 200px;
    margin: 0 20px 30px 20px;
    text-align: center;
    border-radius: 200px;
    background: #008091;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    line-height: 1.1;
    padding: 18px 10px 10px;
}

.imp-steps-taken-circle-1 span,
.imp-steps-taken-circle-2 span{
    color: #fdd700;
    font-size: 60px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    display: block;
    margin-bottom: 1px;
    line-height: 1;
}

.imp-steps-taken-content-block{
    background: #008091;
    border-radius: 50px;
    margin: 0 auto 20px auto;
    width: 950px;
    max-width: 100%;
    padding: 35px 65px;
}

.imp-steps-taken-content{
    margin-bottom: 35px;
}

.imp-steps-taken-content a,
.imp-steps-taken-content p{
    color: #fff;
}

.imp-steps-taken-content a{
    text-decoration: underline !important;
}

.imp-steps-taken-content strong{
    font-weight: 900;
    font-family: "Gotham", sans-serif;
}

.imp-steps-taken-2-intro{
    max-width: 100%;
    width: 675px;
    margin: 0 auto 35px auto;
    font-size: 18px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
}

.imp-steps-taken-blocks-section-2{
    background: #8dc73f;
    border-radius: 50px;
    margin: 0 auto 50px auto;
    width: 950px;
    max-width: 100%;
    padding: 35px 50px;
}

.imp-steps-taken-block-section-2{
    margin-bottom: 35px;
}

.imp-steps-taken-block-section-2:last-of-type{
    margin-bottom: 0;
}

.imp-steps-taken-block-section-2-title{
    font-size: 22px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    margin-bottom: 20px;
}

.imp-steps-taken-block-section-2 .imp-steps-taken-content p{
    color: #231f20;
    font-size: 17px;
}

.imp-steps-taken-block-section-2 .imp-steps-taken-img{
    max-height: 105px;
    width: auto;
}

.imp-steps-taken-block-section-2 a{
    color: #231f20;
    font-weight: 500;
    text-decoration: underline !important;
}

.imp-steps-taken-3-content{
    max-width: 100%;
    width: 690px;
    margin: 0 auto 35px auto;
}

.imp-steps-taken-3-content strong{
    font-weight: 900;
    font-family: "Gotham", sans-serif;
}

.imp-steps-taken-3-gallery{
    display: flex;
    justify-content: center;
    align-items: center;
}

.imp-steps-taken-3-gallery img{
    margin: 0 40px;
}

/* more we can do */

.imp-more-we-can-do{
    padding: 35px 0 145px;
    text-align: center;
    position: relative;
}

.imp-more-we-can-do:before{
    content: '';
    background-image: url('../img/rottweilers.png');
    background-repeat: no-repeat;
    left: 0;
    bottom: 57px;
    width: 772px;
    height: 338px;
    position: absolute;
    background-size: contain;
}

.imp-more-we-can-do-inner h2{
    color: #008091;
    font-size: 50px;
    font-weight: 400;
    font-family: "BlackDiamond";
    margin-bottom: 20px;
    line-height: 1;
}

.imp-more-we-can-do-content{
    max-width: 100%;
    width: 675px;
    margin: 0 auto;
}

p.imp-more-we-can-do-priority{
    color: #231f20;
    font-size: 18px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    display: block;
    max-width: 100%;
    width: 675px;
    margin: 0 auto 35px auto;
}

.imp-more-we-can-do-circles{
	width: 480px;
	margin: 0 auto;
    display: flex;
}

.imp-more-we-can-do-circle-1,
.imp-more-we-can-do-circle-2{
    height: 200px;
    width: 200px;
    margin: 0 20px 30px 20px;
    text-align: center;
    border-radius: 200px;
    background: #008091;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    line-height: 1.1;
    padding: 18px 10px 10px;
}

.imp-more-we-can-do-circle-1 span,
.imp-more-we-can-do-circle-2 span{
    color: #fdd700;
    font-size: 60px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    display: block;
    margin-bottom: 1px;
    line-height: 1;
}

/* giving back */

.imp-giving-back{
    padding: 75px 0;
    text-align: center;
}

.imp-giving-back h2 {
	color: #231f20;
	font-size: 40px;
	font-weight: 900;
	font-family: "Gotham", sans-serif;
	margin-bottom: 30px;
	line-height: 40px;
	text-transform: uppercase;
}

.imp-giving-back-subtitle{
    color: #231f20;
    font-size: 35px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    display: block;
    margin-bottom: 10px;
    line-height: 1;
}

.imp-giving-back-intro{
    max-width: 100%;
    width: 675px;
    margin: 0 auto 35px auto;
}

.imp-giving-back-intro strong{
    font-size: 18px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
}

.imp-giving-back-content-block{
    background: #fff;
    border-radius: 50px;
    margin: 0 auto 20px auto;
    width: 950px;
    max-width: 100%;
    padding: 40px 55px;
}

.imp-giving-back-content-block h3{
    color: #008091;
    font-size: 25px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.imp-giving-back-content-block-subtitle {
	font-size: 22px;
	font-weight: 900;
	font-family: "Gotham", sans-serif;
	margin: 0 auto 15px auto;
	max-width: 100%;
	width: 630px;
}

.imp-giving-back-content-block .imp-giving-back-content-block-content strong{
    font-weight: 900;
    font-family: "Gotham", sans-serif;
}

.imp-giving-back-content-block .imp-giving-back-content-block-content a{
    color: #231f20;
    text-decoration: underline !important;
}

.imp-giving-back-content-block img{
    display: block;
    margin: 0 auto;
}

.imp-giving-back-content-block-youtube-embed-code{
    width: 675px;
    max-width: 100%;
    margin: 60px auto 15px auto;
}

.imp-giving-back-content-block-youtube-credit{
    font-size: 13px;
    margin-bottom: 35px
}

.imp-giving-back-content-block-youtube-credit a{
    color: #008091;
    text-decoration: underline !important;
}

.imp-giving-back-content-block-quote-title{
    color: #231f20;
    font-size: 25px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    margin-bottom: 15px;
    line-height: 1;
    margin-top: 30px;
    text-transform: uppercase;
}

a.imp-giving-back-content-block-link{
    color: #231f20;
    font-size: 18px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    margin-bottom: 35px;
    text-decoration: underline !important;
    display: block;
}

/* how you can help */

.imp-how-can-you-help{
    padding: 75px 0;
    text-align: center;
}

.imp-how-can-you-help h3{
    color: #008091;
    font-size: 40px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    margin-bottom: 10px;
    line-height: 1;
    text-transform: uppercase;`
}

.imp-how-can-you-help-intro{
    color: #231f20;
    font-size: 18px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    margin: 0 auto 35px auto;
    width: 675px;
    max-width: 100%;
}

.imp-how-can-you-help-content-block{
    margin: 0 auto 20px auto;
    width: 950px;
    max-width: 100%;
    background: #8dc73f;
    border-radius: 50px;
}

.imp-how-can-you-help-content-block-inner{
    padding: 40px 55px 0;
}

.imp-how-can-you-help-content-block:nth-of-type(2) img{
    margin-top: -70px;
}

.imp-how-can-you-help-content-block img{
    border-radius: 50px;
}

.imp-how-can-you-help-content-block h4{
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    margin-bottom: 10px;
}

.imp-how-can-you-help-content-block p.imp-how-can-you-help-content-block-subtitle{
    font-size: 22px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    width: 675px;
    max-width: 100%;
    margin: 0 auto 20px;
}

.imp-how-can-you-help-content-block-content strong{
    font-size: 18px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
}

.imp-how-can-you-help-content-block-content ul {
	list-style: none;
	margin:0;
	padding: 0;
}

.imp-how-can-you-help-content-block-content ul li {
	margin-bottom: 25px;
	position: relative;
}

.imp-how-can-you-help-content-block-content ul li:before {
	content: '\f058';
	font-family: "Font Awesome 6 Sharp";
	font-weight: 900;
	font-size: 18px;
	color: #008091;
    position: relative;
    left: -10px;
	top: 0;
}

.imp-how-can-you-help-content-block-content a{
    text-decoration: underline !important;
}

/* reach one teach one */

.imp-reach-one{
    padding: 75px 0;
    text-align: center;
    background: #008091;
}

.imp-reach-one-inner{
    position: relative;
}

.imp-reach-one-inner:before {
	background-image: url('../img/jack-russell-wagging.png');
	background-repeat: no-repeat;
	position: absolute;
	content: '';
	width: 252px;
	height: 455px;
	right: -60px;
	top: 35px;
}

.imp-reach-one h2 {
	color: #fff;
	font-size: 40px;
	font-weight: 900;
	font-family: "Gotham", sans-serif;
	margin-bottom: 30px;
	line-height: 40px;
	text-transform: uppercase;
}

.imp-reach-one-subtitle{
    color: #fff;
    font-size: 35px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    margin-bottom: 15px;
}

.imp-reach-one-content{
    width: 680px;
    max-width: 100%;
    margin: 0 auto;
}

.imp-reach-one-content p{
    color: #fff;
}

.imp-reach-one-content strong{
    font-weight: 900;
    font-family: "Gotham", sans-serif;
}

/* empowering dog owners */

.imp-empowering{
    padding: 75px 0 75px;
    text-align: center;
    position: relative;
}

.imp-empowering:before{
    content: '';
    background-image: url('../img/hunting-dog.png');
    background-repeat: no-repeat;
    left: 0;
    bottom: 0;
    width: 479px;
    height: 431px;
    position: absolute;
    background-size: contain;
}

.imp-empowering h3{
    color: #231f20;
    font-size: 30px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 1;
}

.imp-empowering-content{
    width: 680px;
    max-width: 100%;
    margin: 0 auto;
}

.imp-empowering-content ul {
	list-style: none;
	margin: 25px 0 75px 0;
	padding: 0;
	text-align: left;
}

.imp-empowering-content ul li {
	margin-bottom: 25px;
	position: relative;
	padding-left: 31px;
}

.imp-empowering-content ul li:before {
	content: '\f058';
	font-family: "Font Awesome 6 Sharp";
	font-weight: 900;
	font-size: 18px;
	color: #008091;
	position: absolute;
	left: 0;
	top: 0;
}

.imp-empowering-links{
    width: 355px;
    max-width: 100%;
    margin: 0 auto;
}

.imp-empowering-button{
    display: block;
    margin-bottom: 10px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 25px 40px;
    background: #008091;
}

.imp-empowering-button span.imp-empowering-button-yellow{
    color: #fdd700;
    font-size: 22px;
    font-weight: 900;
    font-family: "Gotham", sans-serif;
    margin-bottom: 0;
}

.imp-empowering-button span.imp-empowering-button-white{
    color: #fff;
}

.imp-empowering-button:hover{
    background: #fdd700;
}

.imp-empowering-button:hover span.imp-empowering-button-yellow{
    color: #008091;
}

.imp-empowering-button:hover span.imp-empowering-button-white{
    color: #231f20;
}

@media only screen and (max-width: 1599px) {

    .imp-more-we-can-do:before{
        left: -100px;
        bottom: 57px;
    }

}

@media only screen and (max-width: 1399px) {

    .imp-more-we-can-do:before{
        left: -200px;
    }

    .imp-empowering:before{
        left: -100px;
    }

}

@media only screen and (max-width: 1250px) {

    .imp-container{
        padding: 0 25px;
    }

    .imp-banner-img{
        left: 25px;
    }

    .imp-reach-one-inner:before {
    	width: 202px;
    	height: 364px;
    	right: -20px;
    	top: 75px;
    	background-size: contain;
    }

}

@media only screen and (max-width: 1199px) {

    .imp-banner-pd-logo {
        left: calc(50% - 45px);
        width: 90px;
    }

    .imp-our-planet-img {
    	max-width: 300px;
    }

    .imp-more-we-can-do {
    	padding: 35px 0 100px;
    }

    .imp-more-we-can-do:before{
        left: -150px;
        bottom: 57px;
        width: 500px;
        height: 219px;
    }

    .imp-empowering:before{
        left: 0;
        width: 300px;
        height: 270px;
    }

    .imp-empowering {
    	background-position: bottom 0 left 0;
    	background-size: 300px;
    }

    .imp-reach-one-inner:before {
    	right: -75px;
    }

}

@media only screen and (max-width: 1099px) {

    .imp-banner h1, .imp-banner h1 span {
    	font-size: 50px;
    	line-height: 50px;
    }

}

@media only screen and (max-width: 1050px) {

    .imp-reach-one-inner:before {
        display: none;
    }

}

@media only screen and (max-width: 992px) {

    .imp-banner-pd-logo {
    	display: none;
    }

    .imp-banner-left {
    	padding-top: 40px;
    }

    .imp-empowering:before {
    	left: -110px;
    }

    .imp-more-we-can-do:before {
    	left: -215px;
    }

}

@media only screen and (max-width: 840px) {

    .imp-banner-left {
        width: 55%;
    }

    .imp-banner-image {
    	right: -50px;
    	width: 45%;
    }

}

@media only screen and (max-width: 767px) {

    .imp-reach-one,
    .imp-how-can-you-help,
    .imp-giving-back,
    .imp-steps-taken{
        padding-bottom: 35px;
        padding-top: 35px;
    }

    .imp-banner-gallery {
    	padding-bottom: 35px;
    }

    .imp-how-can-you-help h3,
    .imp-reach-one-inner h2,
    .imp-giving-back-inner h2,
    .imp-more-we-can-do-inner h2,
    .imp-steps-taken h2,
    .imp-section h2 {
    	font-size: 25px;
    	line-height: 30px;
    	margin-bottom: 20px;
    }

    .imp-banner h1, .imp-banner h1 span {
    	font-size: 40px;
    	line-height: 40px;
        margin-bottom: 10px;
    }

    .imp-banner .imp-banner-left p {
    	font-size: 24px;
    }

    .imp-banner-gallery img {
    	margin-right: 5px;
    	width: 60px;
    }

    .pdr-notice{
        line-height: 16px;
    }

    .imp-anchor-navigation{
        padding-top: 40px;
    }

    .imp-our-planet {
    	padding-top: 30px;
    }

    .pdr-notice span {
    	font-size: 12px;
    }

    .imp-section h3{
        font-size: 25px;
    }

    .imp-section p,
    .imp-section li{
        font-size: 16px;
    }

    .imp-giving-back-content-block,
    .imp-steps-taken-content-block {
    	padding: 35px;
    }

    .imp-steps-taken-3-gallery img {
    	margin: 0 10px;
    	max-width: 30%;
    }

    .imp-how-can-you-help-content-block-inner {
    	padding: 35px 35px 0;
    }

    .imp-how-can-you-help-content-block-content ul li {
    	margin-bottom: 15px;
    }

    .imp-more-we-can-do {
    	padding: 35px 0 275px;
    }

    .imp-more-we-can-do:before {
    	bottom: 40px;
    }

    .imp-empowering {
    	padding: 35px 0 285px;
    }

    .imp-empowering-content ul {
    	margin: 25px 0 40px 0;
    }

    .imp-empowering:before {
    	left: calc(50% - 150px);
    }

    .imp-more-we-can-do:before {
    	left: calc(50% - 250px);
    }

}

@media only screen and (max-width: 600px) {

    .imp-banner-inner {
    	background: none;
    }

    .imp-banner-gallery, .imp-banner-left {
    	width: 100%;
    }

    .imp-banner-left {
    	padding-top: 30px;
    }

    .imp-banner-image {
    	display: none;
    }

}

@media only screen and (max-width: 499px) {

    .imp-steps-taken-circles {
    	width: 100%;
    	flex-direction: column;
    	align-items: center;
    }

    .imp-more-we-can-do-circles {
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

}