body, .et_pb_column_1_2 .et_quote_content blockquote cite, .et_pb_column_1_2 .et_link_content a.et_link_main_url, .et_pb_column_1_3 .et_quote_content blockquote cite, .et_pb_column_3_8 .et_quote_content blockquote cite, .et_pb_column_1_4 .et_quote_content blockquote cite, .et_pb_blog_grid .et_quote_content blockquote cite, .et_pb_column_1_3 .et_link_content a.et_link_main_url, .et_pb_column_3_8 .et_link_content a.et_link_main_url, .et_pb_column_1_4 .et_link_content a.et_link_main_url, .et_pb_blog_grid .et_link_content a.et_link_main_url, body .et_pb_bg_layout_light .et_pb_post p, body .et_pb_bg_layout_dark .et_pb_post p {
    font-size: 14px
}

.et_pb_slide_content, .et_pb_best_value {
    font-size: 15px
}

@media only screen and (min-width:1350px) {
    .et_pb_row {
        padding: 27px 0
    }

    .et_pb_section {
        padding: 54px 0
    }

    .single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper {
        padding-top: 81px
    }

    .et_pb_fullwidth_section {
        padding: 0
    }
}

#mendo-happy-healthy-header h3 {
    font-size: 70px;
    color: #4bb3e6;
    font-family: 'lulo_cleanone_bold';
    letter-spacing: -8px;
    line-height: 100px
}

#mendo-happy-healthy-header {
    margin-top: -20px !important
}

.box {
    height: 274px;
    position: relative;
    overflow: hidden;
    width: 363px;
    margin-left: auto;
    margin-right: auto
}

    .box img {
        position: absolute;
        left: 0;
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        transition: all 300ms ease-out
    }

    .box .overbox {
        background-color: rgba(161,83,224,0.9);
        position: absolute;
        top: 0;
        left: 0;
        color: #fff;
        z-index: 100;
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        opacity: 0;
        width: 363px;
        height: 274px;
        padding: 130px 20px
    }

    .box:hover .overbox {
        opacity: 1
    }

    .box .overtext {
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        transform: translateY(40px);
        -webkit-transform: translateY(40px)
    }

    .box .title {
        font-size: 2.5em;
        text-transform: uppercase;
        opacity: 0;
        transition-delay: 0.1s;
        transition-duration: 0.2s
    }

    .box:hover .title, .box:focus .title {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px)
    }

    .box .tagline {
        font-size: 0.8em;
        opacity: 0;
        transition-delay: 0.2s;
        transition-duration: 0.2s;
        text-align: center
    }

    .box:hover .tagline, .box:focus .tagline {
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px)
    }

.mendo-links {
    text-transform: lowercase;
    font-size: 36px;
    position: relative;
    color: white;
    text-shadow: 3px 0 29px rgba(0,0,0,0.28);
    text-align: center;
    vertical-align: middle;
    margin-top: 26%
}

.mendo-links-purpose {
    font-size: 40px;
    position: absolute;
    top: 40%;
    left: 21%;
    color: white;
    text-shadow: 3px 0 29px rgba(0,0,0,0.28)
}

.mendo-links-passion {
    font-size: 40px;
    position: absolute;
    top: 40%;
    left: 23%;
    color: white;
    text-shadow: 3px 0 29px rgba(0,0,0,0.28)
}

.mendo-lines {
    position: absolute;
    width: 37%;
    top: 33%;
    left: 32% !important
}

.box:hover h4 {
    display: none;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    transform: translateY(40px);
    -webkit-transform: translateY(40px)
}

.box:hover .mendo-lines {
    display: none;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    transform: translateY(40px);
    -webkit-transform: translateY(40px)
}

.mendo-links-outline {
    position: absolute;
    width: 91%;
    top: 5%;
    left: 4.5% !important
}

.mendo-links-title {
    text-transform: lowercase;
    font-size: 25px;
    text-align: center;
    margin-top: -60px !important
}

.mendo-links-description {
    text-align: center;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 22px;
    line-height: 18px;
    margin-bottom: 10px
}

.mendo-links-read-more {
    color: white;
    font-size: 13px;
    font-weight: bold
}

@media (max-width:1285px) {
    .box {
        height: 274px;
        position: relative;
        overflow: hidden;
        width: 265px
    }

    .mendo-links-purpose {
        text-transform: lowercase;
        font-size: 30px;
        position: absolute;
        top: 30%;
        left: 20%;
        color: white;
        text-shadow: 3px 0 29px rgba(0,0,0,0.28)
    }

    .mendo-lines {
        position: absolute;
        width: 37%;
        top: 26%;
        left: 32% !important
    }

    .box .overbox {
        background-color: rgba(161,83,224,0.9);
        position: absolute;
        top: 0;
        left: 0;
        color: #fff;
        z-index: 100;
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        opacity: 0;
        width: 265px;
        height: 0;
        padding: 100px 20px
    }

    .mendo-links-outline {
        position: absolute;
        width: 91%;
        top: 5%;
        left: 4.5% !important
    }

    .box .title {
        font-size: 2.5em;
        text-transform: uppercase;
        opacity: 0;
        transition-delay: 0.1s;
        transition-duration: 0.2s
    }

    .mendo-links-title {
        text-transform: lowercase;
        font-size: 20px;
        text-align: center;
        margin-top: -65px !important
    }

    .mendo-links-description {
        font-size: 8px;
        text-align: center;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 10px;
        line-height: 18px;
        margin-bottom: 8px
    }

    .mendo-links-passion {
        text-transform: lowercase;
        font-size: 30px;
        position: absolute;
        top: 30%;
        left: 25%;
        color: white;
        text-shadow: 3px 0 29px rgba(0,0,0,0.28)
    }

    .mendo-links {
        text-transform: lowercase;
        font-size: 25px;
        position: relative;
        top: 1%;
        color: white;
        text-shadow: 3px 0 29px rgba(0,0,0,0.28)
    }
}

@media only screen and (max-width:1480px) {
    .et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li a {
        margin: 0 !important
    }
}