.mb5 {
    margin-bottom: 5px;
}

body {
    width: 100%;
    max-width: 1098px;
    margin: 0 auto;
}

p {
    line-height: 35px!important;
}

header div.wrapper {
    border-bottom: 1px solid #e5f0ba;
    position: relative;
    /*min-height: 101px;*/
    overflow: hidden;
}

header div.wrapper div.logo {
    /*position: absolute;*/
    /*left: 0;*/
    display: block;
}

header div.wrapper div.logo img {
    float: left;
    margin: 22px;
}

header div.wrapper div.logo div {
    float: left;
}

header div.wrapper div.logo h1 {
    margin: 16px 0 0;
    color: #005A31;
}

header div.wrapper div.logo p {
    margin: 0;
    color: #005A31;
    font-size: 24px;
    line-height: 19px;
    letter-spacing: 5px;
}

header div.wrapper div.phone {
    position: absolute;
    right: 0;
    display: block;
}

header div.wrapper div.phone img {
    float: right;
    margin: 22px;
}

header div.wrapper div.phone div {
    float: right;
}

header div.wrapper div.phone div a {
    margin: 16px 0 0;
    color: #005A31;
    font-size: 2em;
    font-weight: bold;
    display: block;
    text-decoration: none;
    float: right;
}

header div.wrapper div.phone p {
    margin: 0;
    color: #005A31;
    font-size: 24px;
    line-height: 19px;
    letter-spacing: 3px;
}

header nav {
    position: relative;
    height: 47px;
    z-index: 1;
    clear: both;
    width: 100%;
    display: table;
}

@media (max-width: 875px) {
    header nav {
        display: inline;
    }
}

header nav {
    /*border-bottom: 1px solid #a8cd1b;*/
    padding: 0;
    margin: 0;
}

@media (max-width: 875px) {
header nav a {
display: inline !important;
}
}

header nav span {
    padding: 10px 0;
    width: 137.25px;
    font-size: 20px;
    border-bottom: 1px solid #a8cd1b;
    display: table-cell;
}

header nav div.dropdown {
    position: relative;
}

header nav div.dropdown a.topitem {
    width: 137.25px;
    font-size: 20px;
    display: table-cell;
    padding: 10px 0 0;
    border-bottom: none;
}

@media (max-width: 875px) {
    header nav div.dropdown a.topitem {
        display: inline !important;
    }
}

header nav div.dropdown div.sub-items {
    position: absolute;
    background: #ffffff;
    left: 10px;
    display: none;
}

@media ( max-width: 997px ) {
    header nav div.dropdown div.sub-items {
        left: 0;
    }
}

@media (max-width: 875px) {
    header nav div.dropdown div.sub-items {
        position: inherit;
    }
}


header nav div.dropdown:hover div.sub-items {
    display: block !important;
}

header nav div.dropdown div.sub-items a.subitem {
    width: 100%;
    width: 300px;
    display: block;
}

@media ( min-width: 998px ) {
    header nav div.dropdown div.sub-items a.subitem span {
        width: 300px;
    }
}

header nav div.dropdown div.sub-items a.subitem span:hover {
    border-bottom: 5px solid #a8cd1b;
    background: #005A31;
    color: #fff;
}

header nav span.active {
    border-bottom: 5px solid #a8cd1b;
}

@media ( min-width: 998px ) {
    header nav span {
        border-bottom: 5px solid white;
    }
}

header nav span:hover {
    border-bottom: 5px solid #a8cd1b;
}

header nav a {
    text-decoration: none;
    color: #005A31;
    display: table-cell;
    text-align: center;
}

section {
    display: inline-block;
    width: 100%;
}

section.banner img {
    max-width: 1098px;
    width: 100%;
}

section.banner div.banner,
section.banner .bx-wrapper,
section.banner .bx-viewport,
section.banner .bxslider,
section.banner .bxslider li {
    aspect-ratio: 1098 / 387;
    max-height: 387px;
}

section.banner .bx-viewport,
section.banner .bxslider,
section.banner .bxslider li {
    width: 100%;
}

section.banner .bxslider {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

section.banner .bxslider li {
    overflow: hidden;
}

section.banner .bx-wrapper {
    margin-top: 0;
}

section.banner > div.banner > .bxslider > li:not(:first-child) {
    position: absolute;
    inset: 0;
    visibility: hidden;
}

section.banner img {
    display: block;
    height: 100%;
    object-fit: cover;
}

section.strip img {
    max-width: 1098px;
    width: 100%;
}

section div.half {
    width: 49.8%;
    padding: 20px 0;
    text-align: center;
}

@media (min-width: 768px) {


    .half-wrapper {
    display: flex ;
        margin-bottom: 5px;

    }

    .half-wrapper .half {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .half-wrapper .half img {
        align-self: center;
    }

    .half-wrapper .half p {
        display: flex;
        flex-direction: column;
        flex-grow: 1;

    }


}
section div.full {
    width: 100%;
    min-height: 212px;
    padding: 20px 0;
    text-align: center;
}

section div.half.map,
section div.half.contact {
    min-height: 581px;
    padding: 0;
}

section div.half.map {
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

section div.half.map iframe {
    position: absolute;
    width: 100%;
    height: 581px;
    right: 0;
}

section img.circleImg,
section div.half img,
section div.full img {
    /*margin: 20px 20px 0;*/
    margin: 0px 20px 0;
}

section.whyChoose h2,
section.advice h2,
section.happiness h2,
section.projects h2,
section.caseStudy h2,
section.conclusion h2,
section.supply h2,
section.ourRange h2,
section.rushcliffe h2,
section.faqs h1,
section.faqs h2,
section div.half h1,
section div.half h2,
section div.full h1,
section div.full h2 {
    color: #FFF;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 1.5em;
}

section div.half h4,
section div.full h4 {
    margin: 0px 85px;
    font-size: 18px;
    font-weight: 600;
    color: #005a31;
    line-height: 30px
}

section div.half.contact h4,
section div.full.contact h4 {
    margin: 15px 65px;
}

section.advice a span,
section.happiness a span,
section.projects a span,
section.aboutArtificialGrass a span,
section.supply a span,
section.ourRange a span,
section.rushcliffe a span,
section.faqs a span,
section div.half a span,
section div.full a span {
    background-color: #ffb608;
    border: 2px solid #FFF;
    border-radius: 4px;
    width: 194px;
    padding: 11px 0px;
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 600;
    display: inline-block;
    margin: 10px 0 20px;
    color: #313131;
}

section div.half.where a span,
section div.full.where a span {
    margin: 30px 0 20px;
}

section div.half.where.contact a span,
section div.full.where.contact a span {
    margin: 10px 0 20px;
}




section div.half.contact a span {
    margin: 50px 0 20px;
}

section div.half.contact {
    background-color: #a8cd1b;
    float: left;
}

section div.half.installation a span {
    margin: 50px 0 20px;
}

section div.half.perfect {
    background-color: #a8cd1b;
    float: left;
}

section div.half.perfect p {
    margin: 10px 58px;
    font-size: 16px;
    font-weight: 600;
    color: #005a31;
    line-height: 30px
}

section div.half.installation p {
    margin: 10px 50px;
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    line-height: 30px
}

section div.half.installation {
    background-color: #005a31;
    float: right;
}

section.whyChoose,
section.caseStudy,
section.conclusion {
    background-color: #626262;
    text-align: center;
    margin-bottom: 5px;
}

section.whyChoose img.circleImg,
section.advice img.circleImg,
section.happiness img.circleImg,
section.projects img.circleImg,
section.about img.circleImg,
section.aboutArtificialGrass img.circleImg,
section.caseStudy img.circleImg,
section.conclusion img.circleImg,
section.supply img.circleImg,
section.ourRange img.circleImg,
section.rushcliffe img.circleImg,
section.rushcliffe img.circleImg,
section div.half img.circleImg,
section div.half.where.contact img,
section div.full img.circleImg,
section div.full.where.contact img,
footer img.circleImg {
    margin: 20px auto 0;
    display: block;
}

section.faqs img.circleImg {
    margin: 30px auto 0;
    display: block;
}

section.whyChoose ul {
    list-style-image: url(../images/green-tick.png);
    font-size: 20px;
    color: #FFF;
    text-align: left;
    width: 50%;
    float: left;
    padding-left: 83px;
}

section.whyChoose.bg-color-light-green ul {
    list-style-image: url(../images/dark-green-tick.png);
}

section.whyChoose ul:last-child {
    border-left: 2px solid #FFF;
}

section.whyChoose ul li {
    padding-left: 20px;
    margin: 10px 53px 10px 0;
    line-height: 35px;
}

section.advice {
    background-color: #a8cd1b;
    text-align: center;
    margin-bottom: 5px;
}

section.advice p {
    color: #005a31;
    font-size: 20px;
}

section.advice p.mt5 {
    margin-top: 5px;
}

section.advice a {
    color: #313131;
    font-size: 32px;
    font-weight: 600;
    text-decoration: none;
}

section.happiness,
section.projects {
    background-color: #005a31;
    text-align: center;
    margin-bottom: 5px;
}

section.happiness p {
    color: #FFF;
    font-size: 20px;
    margin: 20px auto;
    max-width: 838px;
    width: 100%;
}

section.projects p {
    color: #005a31;
    font-size: 20px;
    margin: 20px 130px;
}

section.happiness span {
    display: block;
    margin: 20px;
    color: #a8cd1b;
    font-size: 20px;
}

footer {
    background-color: #626262;
    text-align: center;
    display: inline-block;
}

footer div.social {
    margin: 35px auto 20px;
}

footer div.contact {
    margin: 0px auto 20px;
    color: #FFF;
    letter-spacing: 2px;
}

footer div.contact img {
    display: inline-block;
    margin: 10px 10px -7px 0px;
}

footer div.contact a {
    display: inline-block;
    text-decoration: none;
    font-size: 20px;
    color: #FFF;
}

footer div.contact p {
    display: inline-block;
    margin: 12px;
    font-size: 20px;
}

footer p.legal {
    font-size: 14px;
    color: #FFF;
    letter-spacing: 2px;
    line-height: 25px;
    margin: 14px 65px;
}

footer div.kal p {
    font-size: 14px;
    color: #FFF;
    letter-spacing: 2px;
    display: inline-block;
    margin: 0 0 40px 0;
}

footer div.kal a {
    font-size: 14px;
    color: #519553;
    letter-spacing: 2px;
    text-decoration: none;
}

/*ABOUT US / ABUT ARTIFICIAL GRASS*/

section.about,
section.aboutArtificialGrass,
section.ourRange,
section.supply {
    background-color: #a8cd1b;
    text-align: center;
    margin-bottom: 5px;
    color: #FFF;
}

section.about h4,
section.aboutArtificialGrass h4,
section.ourRange h4,
section.supply h4 {
    font-size: 18px;
    font-weight: 600;
    color: #005a31;
    line-height: 30px;
    margin: 24px 120px 5px;
}

section.about.contact h4 {
    margin: 24px 141px 5px;
}

section.about p, section.about li {
    font-size: 16px;
    font-weight: 400;
    color: #005a31;
    line-height: 30px;
    margin: 5px 157px 40px;
}

section.about li {
    text-align: left;
    padding-left: 20px;
}


section.aboutArtificialGrass p {
    font-size: 18px;
    font-weight: 500;
    color: #005a31;
    line-height: 30px;
    margin: 5px 107px 40px;
}

section.aboutArtificialGrass h3 {
    color: #005a31;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 5px;
    margin-bottom: 10px;
}

section.aboutArtificialGrass h3 a {
    color: #005a31;
    text-decoration: none;
}

section.aboutArtificialGrass a span {
    margin: 10px 0 40px;
}

section div.where {
    background-color: #a8cd1b;
    float: left;
}

section div.half.where h2,
section div.full.where h2 {
    margin: 20px 0 5px;
}

section div.full.where ul.split-ul,
section div.half.where ul.split-ul {
    list-style: none;
    font-size: 20px;
    color: #FFF;
    text-align: left;
    width: 45%;
    float: left;
    /*padding-left: 65px;*/
    margin:0;

    box-sizing: border-box;
}
section div.half.where ul.split-ul {
	padding-left: 5%;
    text-align: center;
}


section div.full.where ul.split-ul:last-of-type li:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 19px;
    margin-right: 15px;

    background-image: url(../images/dark-green-tick.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
section div.full.where ul.split-ul:first-of-type li:after {
    content: '';
    display: inline-block;
    width: 25px;
    height: 19px;
    margin-left: 15px;

    background-image: url(../images/dark-green-tick.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

@media(min-width: 1020px) {
    section div.full.where ul.split-ul:first-child {
        text-align:right;
    }
}

section div.half.where ul.split-ul:last-child {
    /*border-left: 2px solid #727272;*/
}

section div.full.where ul.split-ul li,
section div.half.where ul.split-ul li {
    margin: 10px 35px 10px 0;
    line-height: 34px;
    color: #005A31;
}

section div.joining {
    background-color: #005a31;
    float: right;
}

section div.half.joining p {
    font-size: 16px;
    font-weight: 100;
    color: #FFF;
    line-height: 30px;
    margin: 0 45px;
    letter-spacing: 1px;
}

section div.half.joining p b {
    font-size: 18px;
    font-weight: 500;
    margin: 14px 20px;
    display: block;
}

section.caseStudy p {
    font-size: 18px;
    font-weight: 100;
    color: #FFF;
    line-height: 30px;
    margin: 5px 96px 40px;
}

section.conclusion p {
    font-size: 18px;
    font-weight: 100;
    color: #FFF;
    line-height: 30px;
    margin: 5px 139px 40px;
}

section.supply p {
    font-size: 21px;
    font-weight: 400;
    color: #005A31;
    line-height: 30px;
    margin: 5px 139px 15px;
}

section.supply h4 {
    font-size: 21px;
    margin: 24px 113px 5px;
}

section.whyChoose.green {
    background-color: #005A31;
}

section.whyChoose div.lists {
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
}

section.range div.half {
    min-height: 362px;
}

section div.half.forest,
section div.half.rufford,
section div.half.woodthorpe,
section div.half.sherwood,
section div.half.bestwood,
section div.half.luxury,
section div.half.prestige,
section div.half.smartgrass {
    float: left;
}

section div.half.meadows,
section div.half.clumber,
section div.half.newstead,
section div.half.thoresby,
section div.half.wollaton,
section div.half.continental,
section div.half.regal,
section div.half.supreme {
    float: right;
}

section div.half.forest,
section div.half.woodthorpe,
section div.half.wollaton,
section div.half.prestige {
    background-color: #626262;
    color: #FFF;
}

section div.half.meadows,
section div.half.rufford,
section div.half.newstead,
section div.half.sherwood,
section div.half.bestwood,
section div.half.luxury,
section div.half.regal,
section div.half.smartgrass {
    background-color: #005a31;
    color: #FFF;
}

section div.half.thoresby,
section div.half.clumber,
section div.half.continental,
section div.half.supreme {
    background-color: #a8cd1b;
    color: #005a31;
}

section.range div.half p {
    font-size: 20px;
    line-height: 10px;
}


section.rushcliffe {
    background-color: #005A31;
    text-align: center;
    margin-bottom: 5px;
    color: #FFF;
}

section.rushcliffe p {
    font-size: 22px;
    font-weight: 100;
    color: #FFF;
    line-height: 30px;
    margin: 5px 105px 40px;
}

section.rushcliffe h4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    margin: 20px 120px 5px;
}

section.rushcliffe h3 {
    font-size: 23px;
    font-weight: 600;
    line-height: 30px;
    margin: 20px 120px 5px;
}

section.rushcliffe h3 a {
    text-decoration: none;
    color: #FFF;
}

section.faqs {
    background-color: #a8cd1b;
    text-align: center;
    margin-bottom: 5px;
    min-height: 250px;
}

section.faq.testimonial {
    background-color: #a8cd1b;
    color: #005a31;
    text-align: center;
    margin-bottom: 5px;
}

section.faqs.testimonials {
    min-height: 170px;
}

section.faqs p {
    font-size: 20px;
    font-weight: 400;
    color: #005a31;
    /*line-height: 0px;*/
    margin: 5px 139px 15px;
}

section.faqs h4 {
    font-size: 27px;
    font-weight: 600;
    color: #005a31;
    /*line-height: 0px;*/
    margin: 0;
}


section.faqs.dgreen {
    background-color: #005a31;
    color: #FFF;
}

section.faqs.grey {
    background-color: #626262;
    color: #FFF;
}

section.faqs.dgreen p,
section.faqs.grey p {
    color: #FFF;
}

section.faqs div.open p {
    line-height: 30px;
    margin:5px 195px 0px;
}

section.faqs.lgreen {
    background-color: #a8cd1b;
}

section.faqs div.open {
    padding-bottom: 20px;
}

section.faqs div h5 {
    margin-bottom: 5px;
    font-weight: 100;
}

section.testimonial h2 {
    color: #005a31;
    letter-spacing: 2px;
    font-weight: 600;
}

section.projectsGallery {
    position: relative;
    overflow: hidden;
    /*width: 1098px;*/
}

section.projectsGallery img {
    /*width: auto;*/
    height: auto;
}

section.projectsGallery div img {
    /*margin: 0;*/
    /*float: left;*/
    max-width: 548px;
    width: 100%;
    display: inline-block;
}

section.projectsGallery div img:first-child {
    /*margin-right: 2px;*/
}

section div.half.contact h3, section div.full.contact h3 {
    margin: 12px 85px;
    font-size: 28px;
    color: #005a31;
    font-weight: 300;
    line-height: 43px;
}
section div.half.contact h3 a.number, section div.full.contact h3 a.number {
    display: inline;
    color: #005a31;
}

section div.half.contact a {
    text-decoration: none;
    margin: 0 auto;
    display: block;
}

section.contactMap {
    min-height: 581px;
    position: relative;
}

section.contact form {
    width: 100%;
    max-width: 922px;
    overflow: hidden;
    margin: 0 auto;
}

section.contact input.formInfo {
    width: 100%;
    max-width: 277px;
    height: 15px;
    padding: 10px;
}

section.contact input#contact-email-address {
    margin-top: 5px;
}

section.contact textarea.formInfo {
    width: 100%;
    max-width: 900px;
    height: 100px;
    margin: 10px 0;
    padding: 10px;
}

section.contact input.submit {
    background-color: #ffb608;
    border: 2px solid #FFF;
    border-radius: 4px;
    width: 194px;
    padding: 11px 0px;
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 600;
    display: inline-block;
    margin: 10px 0 20px;
    color: #313131;
}


@media (max-width: 1019px) {
    section div.half.where, section div.full.where, section div.half.joining {
        width: 100%;
        margin-bottom: 5px;
        min-height: auto;
    }

    section div.half.where div {
        /*width: 550px;*/
        height: 142px;
        margin: 0 auto;
    }

    section div.full.where div {
        width: 80%;
        height: 142px;
        margin: 0 auto;
    }

    section div.full.where ul.split-ul li {
        margin: 10px 0px 10px 0;
    }
    section div.full.where ul.split-ul:first-of-type li:after {
        background: none;
    }
    section div.full.where ul.split-ul:first-of-type li:before {
        content: '';
        display: inline-block;
        width: 25px;
        height: 19px;
        margin-right: 15px;
        background-image: url(../images/dark-green-tick.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% auto;
    }

    section div.full.where ul.split-ul {
        width: 40%;
    }

    section div.half.where ul.split-ul {
        width: 200px;
    }

    section.caseStudy p, section.conclusion p, section.rushcliffe p, section.about p {
        margin: 5px 15px 40px;
    }

    section.supply p, section.faqs p {
        margin: 5px 15px 15px;
    }

    section.rushcliffe h4 {
        margin: 20px 15px 5px;
    }

    section.about.contact h4 {
        margin: 24px 15px 5px;
    }

    section.faqs div.open p {
        margin: 5px 15px 0px;
    }

    section div.half.map {
        position: relative;
        width: 100%;
    }

    section div.half.map iframe {
        position: relative;
        display: block;
    }
}

@media (max-width: 1100px) {
    header nav span {
        font-size: 16px;
    }
}

@media (max-width: 1015px) {
    section div.half {
        min-height: 454px;
    }

    section.about h4, section.aboutArtificialGrass h4, section.ourRange h4, section.supply h4 {
        margin: 24px 15px 5px;
    }

    section.aboutArtificialGrass p {
        margin: 5px 15px 40px;
    }
}

@media (max-width: 987px) {
    section.whyChoose div {
        margin: 0 auto;
        max-width: 500px;
    }

    section.whyChoose div.lists {
        max-width: 550px;
    }

    section.whyChoose ul {
        float: none;
        width: 100%;
        margin: 0;
        padding-left: 33px;
    }

    section.whyChoose ul:last-child {
        border: none;
        float: none;
    }
}

@media (max-width: 950px){

}

@media (max-width: 920px) {
    section.contact textarea.formInfo {
        width: 89%;
        border: none;
    }

    section.contact input.formInfo {
        width: 89%;
        margin-top: 5px;
        border: none;
        max-width: 839px;
        padding: 10px;
    }
}

@media (max-width: 875px) {
    header nav span {
        font-size: 14px;
    }
}

@media (max-width: 859px) {
    section div.half {
        min-height: 484px;
    }

    section div.half.where, section div.full.where {
        min-height: auto;
    }
    section div.full.where ul.split-ul li:after {
        display:none;
    }
}

@media (max-width: 854px) {

    section.banner {
        margin-top: -6px;
    }
}

@media (max-width: 831px) {
    section div.full.where div {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    section div.full.where ul.split-ul li {
        margin: 10px 35px 10px 0;
    }

    section div.full.where ul.split-ul {
        width: 90%;
        text-align: center;
    }

}

@media (max-width: 767px) {
    section div.half {
        width: 100%;
        min-height: 100%;
    }

    header nav div.dropdown a.topitem {
        width: 100%;
    }

    section div.half.perfect {
        margin-bottom: 5px;
    }
}

@media (min-width: 768px) {
    header nav span.menu {
        display: none;
    }
}

@media (max-width: 768px) {
    header nav span.menu {
        display: table-cell;
        width: 100%;
    }

    header nav span.navItem {
        display: none;
        width: 100%;
    }

    section.banner {
        margin-top: 0px;
    }
    .menu {
        float: right;
    }
}

@media (max-width: 651px) {
    header div.wrapper div.phone div,
    header div.wrapper div.logo div {
        display: none;
    }

    header div.wrapper div.logo {
        position: none;
        width: 49.769%;
        padding: 22px;
        overflow: hidden;
        float: left;
    }

    header div.wrapper div.phone {
        position: none;
        width: 8.684%;
        padding: 22px;
        overflow: hidden;
        float: right;
    }
    header div.wrapper div.phone img,
    header div.wrapper div.logo img {
        margin: 0;
        width: 100%;
    }
}

@media (max-width: 678px) {
    header nav span {
        font-size: 15px;
    }

    section.banner {
        margin-top: -7px;
    }
}

@media (max-width: 545px) {
    section.whyChoose ul {
        /*list-style: none;*/
        padding-left: 0;
    }

    section.whyChoose ul li {
        margin: 10px 20px 10px 51px;
    }
}

@media (max-width: 527px) {
    section div.half.where div, section div.full.where div {
        /*height: 284px;*/
        height: 180px;
    }

    section div.half.where ul.split-ul, section div.full.where ul.split-ul {
        float: none;
        margin: 0 auto;
    }

    section div.half.where div ul.split-ul:last-child, section div.full.where div ul.split-ul:last-child {
        border: none;
    }

    section div.half.where div, section div.full.where div {
        width: auto;
    }
}

@media (max-width: 400px) {
    section.banner {
        display: none;
    }

    section div.half h4, section div.full h4 {
        margin: 0 15px;
    }
}

@media (max-width: 360px) {
    footer div.contact a,
    footer div.contact p {
        display: none;
    }

    footer div.contact a.footerPhone,
    footer div.contact a.footerEmail {
        display: inline-block;
    }

    footer div.contact a.footerEmail img {
        margin: 10px 0px -7px 10px;
    }
}

.blog-posts {
    text-align: center;
    margin-bottom: 5px;
}

.collumn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.blog-post {
    width: calc(50% - 5px);
    margin-bottom: 5px;
    margin-top: 5px;
}
@media (max-width: 992px) {
    .blog-post {
        width: 100%;
        margin-left: 5px !important;
        margin-right: 5px !important;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
}
.blog-post h2{
    color: #fff;
}

.blog-post p{
    padding: 20px;
    line-height: 20px !important;
}

.blog-post a{
    color: #fff;
}

.blog-post .read-more-btn{
    background-color: #ffb608;
    border: 2px solid #FFF;
    border-radius: 4px;
    width: 194px;
    padding: 11px 0px;
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 600;
    display: inline-block;
    margin: 10px 0 20px;
    color: #313131;
    text-decoration: none;
}


section.blog-article a,
section.blog-article li,
section.blog-article p {
    font-size: 20px;
}


.bg1{
    background-color: #a8cd1b;
    color: #005a31;
}

.bg2{
    background-color: #005a31;
    color: #fff;
}

.bg3{
    background-color: #626262;
    color: #fff;
}

.left {
    margin-right: 5px;
}

.right {
    margin-left: 5px;
}

.blog-post-link {
    color: #fff;
    text-decoration: none;
}

.blog-image {
    float: right;
    margin-left: 20px;
    width: 250px;
}

@media (max-width: 600px) {
    .blog-image {
        float: none;
        margin-left: 0;
    }
}


.strip {
    max-width: 100%;
}

    .strip img {
        max-width: 100%;
    }

section.blog-article {
    background: none;
    text-align: left;
    color: #005a31;
}

section.blog-article h1,
section.blog-article h2,
section.blog-article h3,
section.blog-article h4,
section.blog-article h5,
section.blog-article a,
section.blog-article a:visited {
    color: #a8cd1b;
}

section.blog-article p, section.blog-article li {
    margin: 0;
}

/* CONTACT US FORM STYLING */
section div.half.form {
    background-color: #005a31;
    float: right;
}

section div.half.form h2 {
    margin-top: 0 !important;
}

.grass-contact-form {
    padding: 23px 20px !important;

    @media ( min-width: 992px ) {
        padding: 50px 83px !important;
    }
}

.grass-contact-form input,
.grass-contact-form select,
.grass-contact-form textarea {
    font-size: 16px !important;
    min-height: 45px !important;
    text-align: start;
}

.grass-contact-form label {
    display: none !important;
}

.grass-contact-form textarea.large {
    min-height: 200px !important;
}

.grass-contact-form input[type=submit] {
    background-color: #EFEEEF !important;
    color: #000 !important;
    text-align: center !important;
    width: 100% !important;
}

/* Spinner / Spin / Loading */
.grass-contact-form .gform-loader {
    border-color: rgba(255, 255, 255, 0.35) !important;
    border-top-color: #fff !important;
}

#gform_confirmation_wrapper_1 {
    color: #fff !important;
}

#gform_confirmation_wrapper_1 .gform_confirmation_message {
    font-size: 18px !important;
}

#gform_confirmation_wrapper_1 .gform_confirmation_message strong {
    font-size: 24px !important;
}