.left-content {
    display: flex;
    justify-content: space-between;
}

    .left-content img {
        margin: 1em 0 1em 1em !important;
    }

    .left-content .rich-text {
        margin: 12px 0 0 2em;
    }

    .left-content a {
        margin: 28px 0 0 1em;
    }

.justify-content-end img {
    margin: 1em 0 1em 15px !important;
}

.justify-content-end .rich-text {
    margin: 12px 0 0 0;
}

.justify-content-end a {
    margin: 28px 0 0 0;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

    .row.display-flex > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

body {
    font-family: 'Raleway';
    /*font-size: 1.15em;*/
    line-height: 1.5em;
    color: #000000;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    margin: 0 0 2rem 0;
    /*text-transform: uppercase;*/
}

p {
    margin: 0 0 1em 0;
}

li {
    margin: 0 0 1em 0;
}

.btn:not(:disabled):not(.disabled) {
    color: #fff;
}

a:link:not(.btn), a:visited:not(.btn) {
    text-decoration: none;
    color: #0092b4;
}

a:hover:not(.btn) {
    text-decoration: none;
    color: #003a48;
}

.navbar .justify-content-end a {
    color: #e37224;
}

    .navbar .justify-content-end a:hover {
        color: #884416;
    }

a.white:link, a.white:visited {
    color: #fff;
    text-decoration: none;
}

a.white:hover, a.white:active {
    color: #884416;
}

.btn {
    font-weight: 700;
    border-radius: 30px;
}

.btn-primary {
    background-color: #e37224;
    border: 1px solid #fff;
    color: #ffffff;
}

    .btn-primary:hover {
        color: #fff !important;
        background-color: #0062cc;
        border-color: #005cbf;
    }

.btn-secondary, .btn-secondary:hover {
    background-color: #ffffff;
    border-color: #e37224;
    color: #e37224 !important;
}

.turquoise {
    background: #40E0D0;
    color: #003a48;
    font-weight: 900;
    transition: all 0.3s ease;
}

    .turquoise:hover {
        color: #40E0D0;
        background: #003a48;
    }

.btn:hover {
    color: #f2f2f2 !important;
}

header {
    padding: 1% 0;
    border-bottom: solid 1px #e5e5e5;
    font-size: 1.5em;
}

    header img.logo {
        max-height: 50px;
    }

    header .btn {
        margin: 0 0 0 1em;
    }

    header p {
        margin: 1em 0;
    }

.card a {
    color: #fff;
}

.card-title {
    color: #000 !important;
}

.card-text {
    width: 23ch;
    margin: 15px auto;
    min-height: 50px;
    color: #000 !important;
}

.min-height-card {
    min-height: 145px;
}

.col-md-12.column.padding-bottom.padding-top ~ .col-md-4.column.padding-bottom.padding-top {
    padding-top: 0;
}

.umbraco-forms-page-full-width .umbraco-forms-fieldset .row-fluid {
    display: flex;
}

@media (max-width: 480px) {
    header p {
        font-size: .85em;
        margin: 1em 0 0 0;
    }
}

@media (max-width: 480px) {
    header p span {
        display: block;
        height: 1px;
    }
}

main {
}

@media (max-width: 480px) {
    main h2 {
        font-size: 1.5em;
    }
}

.section-hero {
    /*background-position: left;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    padding: 2.5% 0;
    /*background-image: url("https://clickmentality.com/media/0afnpf20/hero-1.jpg");*/
    /*margin: 5% 0;*/
    background-color: #0092b4;
    color: #ffffff;
}

@media (max-width: 768px) {
    .section-hero {
        /*background-position: center;*/
        /*padding: 5% 0;*/
        /*margin: 5% 0;*/
    }
}

@media (max-width: 480px) {
    .section-hero {
        /*background-position: 55%;*/
    }
}

.section-hero h1 {
    font-size: 2.5em;
    line-height: 1em;
    margin: 0 0 .25em 0;
    /*color: #0092b4;*/
}

.section-hero .lead {
    font-weight: 700;
    line-height: 1.5em;
}

@media (max-width: 480px) {
    .section-hero h1 {
        font-size: 1.5em;
    }
}

.section-hero .hero-headline {
    /*background-color: rgba(255,255,255,.75);*/
    padding: 5% 0;
    /*font-size: 1.5em;*/
    /*line-height: 1.5em;*/
}

@media (max-width: 480px) {
    .section-hero .hero-headline {
        /*position: absolute;*/
        /*top: 75px;*/
        /*width: 75%;*/
        /*clear: both;*/
        /*margin: 0 25% 5% 0;*/
    }
}

.section-hero .hero-headline h1 small {
    font-size: 1em;
    line-height: 0;
}

.section-steps {
    padding: 2.5% 0;
    text-align: center;
    /*border-top: solid 1px #e5e5e5;*/
    background-color: #e5e5e5;
}

    .section-steps h2 {
        margin: 0 0 1em 0;
    }

.section-logos {
    text-align: center;
    border-bottom: solid 1px #e5e5e5;
}

    .section-logos h2 {
        margin: 0 0 1em 0;
    }

.section-about {
    padding: 5% 0 0 0;
    background-color: #0092b4;
    color: #ffffff;
}

    .section-about .wrapper {
        margin: 0 0 50px 0;
    }

.section-cta {
    padding: 5% 0;
    background-color: #e37224;
    color: #ffffff;
    text-align: center;
}

    .section-cta a {
        color: #ffffff;
        text-decoration: underline;
    }

.section-about form {
    margin: 0 0 4em 0;
}

.section-about img {
    position: absolute;
    bottom: 0;
}

img {
    max-width: 100%;
}

@media (max-width: 768px) {
    .section-about img {
        position: relative;
        bottom: 0;
    }
}

.section-about p {
    margin: 0 0 1em 0;
}

.section-about li {
    /*font-size: .75em;*/
}

.section-about .btn {
    /*margin: .5em 0 0 0;*/
}

.section-pricing {
    padding: 5% 0;
    background-color: #0092b4;
    color: #ffffff;
}

.section-testimonial {
    padding: 5% 0;
    background-color: #e5e5e5;
}

    .section-testimonial img {
        max-height: 75px;
        width: auto;
    }

    .section-testimonial .card {
        border: none;
        border-radius: 0;
    }

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .card-title {
        font-size: 17px !important;
    }

    .card-text {
        width: 12ch !important;
    }

    .card-body {
        padding: 0.5rem;
    }

    .btn {
        font-size: 0.8rem;
    }
}

@media screen and (min-width:412px) and (max-width:767px) {
    .large {
        font-size: 1rem !important;
    }
}

@media (max-width:1024px) {
    .video-wrapper iframe {
        width: 98%;
        margin: 0 auto;
    }

    .col-auto {
        width: 100%;
        clear: both;
        float: none;
        display: block;
        margin: 15px 0;
    }

    .testim .cont > div {
        padding: 20px 10px !important;
    }
}

@media (max-width: 768px) {
    .section-testimonial .card {
        border: none;
        border-radius: 0;
        margin: 1em 0;
    }
}

.section-testimonial p:last-child {
    /*background-color: #ff0000;*/
    margin: -1em 0 0 0;
}

.section-audiences {
    padding: 5% 0;
    background-image: url("../../assets/img/bg-1.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.section-photo {
    text-align: center;
    padding: 15% 0;
    background-image: url("https://clickmentality.com/media/bn5d5olc/bg-1.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .section-photo img {
        width: 100%;
    }

.section-form {
    padding: 5% 0;
}

    .section-form .form-control {
        border-radius: 0;
    }

.section-logos {
    padding: 5% 0 2.5% 0;
}

    .section-logos img {
        margin: 0 auto 1em auto;
        max-height: 100px;
    }

.section-info {
    /*background-color: #0092b4;*/
    /*color: #ffffff;*/
}

footer {
    padding: 5%;
    background-color: #f9f9fb;
    border-top: 1px solid #ebebeb;
}

    footer .logo {
        max-height: 50px;
    }

iframe {
    /*display: none;*/
}

.verdana {
    font-family: Verdana;
}

.arial {
    font-family: Arial;
}

.courier-new {
    font-family: 'Courier new';
}

p {
    font-size: 1rem;
    line-height: 1.5;
    color: #000;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2.3rem;
}

.x-large {
    font-size: 3rem;
}

.large {
    font-size: 2rem;
}

.medium {
    font-size: 1.3rem;
}

.normal {
    font-size: 1rem;
}

.text-black {
    color: #000;
}

.text-white {
    color: #fff;
}

.text-orange {
    color: #e37225;
}

.text-blue {
    color: #0093b4;
}
/*Custom Styles*/
.contact-memory-app * {
    text-decoration: none;
    margin-bottom: 30px;
}

.contact-memory-app .text-orange a {
    color: #e37225;
    text-decoration: none;
}

    .contact-memory-app .text-orange a:hover {
        color: #884416;
        text-decoration: none;
    }

.contact-memory-app .text-blue a {
    text-decoration: none;
    color: #0093b4;
}

    .contact-memory-app .text-blue a:hover {
        text-decoration: none;
        color: #003a48;
    }

/* Center the submit button */
.umbraco-forms-navigation .col-sm-10.col-sm-offset-2 {
    float: none !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* Make sure the button itself is centered */
#storyfileid {
    display: inline-block !important;
    padding: 15px 50px !important;
    font-size: 20px !important;
}
