body {
    font-size: 24px;
    background-color: #eee;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    max-width: 95vw;
    margin-left: auto;
    margin-right: auto;
}

p {
    margin-bottom: 2.4rem;
}

#section1 {
    background: url("../images/green.png") no-repeat right;
}

#section2 {
    background: url("../images/pitching.png") no-repeat left;
}

#section3 {
    background: url("../images/out-sand.png") no-repeat right;
}

#section4 {
    background: url("../images/chipping.png") no-repeat left;
}

#clubs {
    background: url("../images/clubs.jpg") no-repeat right bottom;
}

.container {
    max-width: 950px;
}

.wrapper {
    max-width: 700px;
}

.wrapper-lg {max-width: 800px;}

.mr-0 {
   margin-right: 0 !important;
}

.bg-golf {
    background: #57a83e url("../images/golf-bg.jpg") no-repeat center;
    background-size: cover;
    background-position: left bottom;
}

.bg-sand {
    background: #baac87 url("../images/sandv2.png");
}

.bg-dirt {
   background: #2d211c;
}

.bg-gold {
    background-color: #bf931b;
}

.bg-golf-header {
    background: #57a83e url("../images/golf-header.png") no-repeat center;
    background-size: cover;
    overflow: hidden;
}

.bg-to-white {
    background: url("../images/bg-to-white.png") no-repeat right;
    width: 100%;
    height: 177px;
}

.bg-to-gray {
    background: url("../images/bg-to-gray.png") no-repeat right;
    width: 100%;
    height: 177px;
}

.bg-to-dirt {
    background: url("../images/bg-to-dirt.png") no-repeat right;
    width: 100%;
    height: 177px;
}

.bg-to-sand {
    background: url("../images/bg-to-sand.png") no-repeat right;
    width: 100%;
    height: 177px;
}

.bg-to-green-dark {
    background: url("../images/bg-to-green-dark.png") no-repeat right;
    width: 100%;
    height: 177px;
}

.arrow {
    position: absolute;
}

.swing {
    position: absolute;
    right: -350px;
    top: -50px;
}

.card-swing {
    max-width: 700px;
    margin: auto;
}

.bg-secondary {
    background-color: #c1c1c1 !important;
}

.bg-dark {
    background-color: #191919 !important;
}

.bg-green {
    background-color: #91e61d;
}

.bg-green-dark {
    background-color: #008d1b;
}

.bg-white-overlay {
    background-color: rgba(255, 255, 255, 0.75);
}

.bg-black-overlay {
    background-color: rgba(0, 0, 0, 0.75);
}

.text-green {
    color: #91e61d;
}

.text-green-dark {
    color: #008d1b;
}

ul.checkmark li {
    list-style-type: none;
    margin-bottom: 1em;
    padding: 0.25em 0 0 2.5em;
    position: relative;
}

ul.checkmark li:before {
    content: " ";
    display: block;
    border: solid 0.8em #52A125;
    border-radius: .8em;
    height: 0;
    width: 0;
    position: absolute;
    left: 0.45em;
    top: 0.7em;
    margin-top: -0.5em;
}

ul.checkmark li:after {
    content: " ";
    color: white;
    display: block;
    width: 0.5em;
    height: 0.8em;
    border: solid white;
    border-width: 0 0.2em 0.2em 0;
    position: absolute;
    left: 1em;
    top: 0.7em;
    margin-top: -0.2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

ul.exes li {
    list-style-type: none;
    margin-bottom: 1em;
    padding: 0.25em 0 0 2.5em;
    position: relative;
}

ul.exes li:before {
    content: " ";
    display: block;
    border: solid 0.8em #C30000;
    border-radius: .8em;
    height: 0;
    width: 0;
    position: absolute;
    left: 0.5em;
    top: 0.7em;
    margin-top: -0.5em;
}

ul.exes li:after {
    content: "X";
    display: block;
    position: absolute;
    left: 1em;
    top: 0.7em;
    margin-top: -0.4em;
    color: white;
    font-weight: 700;
}

.guarantee {
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 244, 215, 1) 100%);
    border: solid 2px #f6ebb2;
    padding: 10px;
    color: #4D4324;
}

.guarantee-title {
    background: linear-gradient(to right, #b2782a 0%, #f4d971 50%, #b2782a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.client-testimonials-block {
    background: #d6d6d6;
    padding: 50px 0;
}

.client-testimonials-block .testimonials-box {
    background: #efefef;
    border-radius: 10px;
    color: #000000;
    display: inline-block;
    width: 100%;
    padding: 25px 40px 25px 60px;
    position: relative;
    overflow: hidden;
    margin-top: 15px;
}

.client-testimonials-block .testimonials-box p {
    font-style: italic;
}

.client-testimonials-block .testimonials-box h6 {
    margin-bottom: 0;
    text-align: right;
    font-size: 16px;
}

.client-testimonials-block .testimonials-box:nth-child(even) h6 strong {
    color: #ed810a;
}

.client-testimonials-block .testimonials-box:nth-child(odd) h6 strong {
    color: #1ba6b3;
}

.client-testimonials-block .testimonials-box:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 20px;
    height: 100%;
}

.client-testimonials-block .testimonials-box:nth-child(even):after {
    background: #cf0303;
}

.client-testimonials-block .testimonials-box:nth-child(odd):after {
    background: #1ba62e;
}

/* Wide Screen Desktop Devices */
@media (min-width: 769px) {
    
    .block-left {
        position: relative;
        left: 200px;
        margin-left: 0 !important;
        margin-right: auto !important;
    }
    
    .block-right {
        position: relative;
        right: 200px;
        margin-right: 0 !important;
        margin-left: auto !important;
    }
    
    .title-banner {
        margin-left: -25px;
        margin-right: -25px;
        position: relative;
    }

    .pop-arrow-left {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 0;
        border-color: transparent #003c0c transparent transparent;
        position: absolute;
        left: 0px;
        bottom: -10px;
    }

    .pop-arrow-right {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 0;
        border-color: #003c0c transparent transparent transparent;
        position: absolute;
        right: 0px;
        bottom: -10px;
    }

    .pull-right {
        float: right;
        margin-left: 20px;
        margin-right: -200px;
        margin-bottom: 20px;
        max-width: 400px;
    }
    
    .pull-left {
        float: left;
        margin-right: 20px;
        margin-left: -200px;
        margin-bottom: 20px;
        max-width: 400px;
    }
    
    .px5-desktop {
        padding: 0 3rem;
    }
    
    .mobile {
        display: none;
    }
}

/* Small Screen Devices */
@media only screen and (max-device-width: 767px) {
    
    .desktop {
        display: none;
    }
    
}

/* Mobile Devices */
@media only screen and (max-device-width: 450px) {
    ul li {
        left: -55px !important;
        width: 85vw;
    }
    
    
}

.wrapper p:last-child {
    margin-bottom: 0 !important;
  	padding-bottom: 2rem;
}
