.bottom-cta {

background: linear-gradient(to bottom, $brand-color 0%, $middle-gradient-color 100%);
color: #fff;
text-align: center;
margin: 0;
padding: 100px 0;

h2 {
        margin-bottom: 50px;
}

}

.testimonial {

background: #f5f5f5;
margin: 0;
padding: 100px 0;

.testimonial-block {
        max-width: 750px;
        width: 98%;
        margin: 0 auto;

        @media #{$tablet} {
                @include flexbox;

                blockquote {
                        -webkit-flex: 1;
                        flex: 1;
                }
        }
}

}

.hero {

color: #ffffff;
text-align: center;
background: linear-gradient(to bottom, $middle-gradient-color 0%, $secondary-brand-color 100%) no-repeat #a05fb7;
padding-top: 50px;

p {
        color: #fff;
}

}

@media #{$desktop} {

.flex {
        @include flexbox;
        align-items: center;
        flex-direction: row;

        .text, .image {
                -webkit-flex: 1;
                flex: 1;
                padding: 0 20px;
        }
}

.content section:nth-child(even) .flex {
        flex-direction: row-reverse;
}

}