/* 
    Theme Name: The Bakery
    Created on : Apr 19, 2016, 11:38:17 AM
    Author     : bartoszurbanski
    Author URI: https://trafficdigital.com/
    Description: New WP theme made for Bakery website
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: Generic template
    Text Domain: The Bakery

    This theme, like WordPress, is licensed under the GPL.
    Use it to make something cool, have fun, and share what you've learned with others.
*/

/*@import "css/clouds.css";*/

body {
    margin: 0 auto;
    padding: 0 20px;
    background: #3fb0e2;
    background-image: url(img/clouds.png);
    background-size: cover;
    overflow-x: hidden;
    font-family: 'adelle';
    color: #444;
    background-position-x: 23px;
    background-position-y: 65px;
    background-attachment: fixed;
}

em {
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1em;
    font-style: normal;
}

h2 {
    font-weight: 700;
    margin-top: 30px;
}

h3 {
    font-size: 22px;
    font-weight: 600;
}

h6 {
    font-size: 20px;
    font-weight: bold;
}

p, li {
    margin: 0 auto;
    font-size: 16px;
}

a {
    color: #3fb0e2;
}
    a:hover {
        text-decoration: none;
        color: #444;
    }

section.navigation {
    position: relative;
}

.nav>li>a {
    padding: 10px 25px;
}

.container {
    width: 100%;
    max-width: 970px;
}

.article-body p {
    padding-bottom: 20px;
}

.article-body u {
    text-decoration: none;
}

/*FLASH MESSAGE*/
#flash {
    display:none;
    background-color: #fede32;
    color: #000;
    text-align: center;
    padding: 20px 5px;
    margin: 0;
    margin-left: -20px;
    margin-right: -20px;
}


.super-nav {
    display: block;
    position: absolute;
    top: 10px;
    right: 50px;
    width: 280px;
}

.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

a.signup-link {
    color: white;
    float: left;
    margin-top: 4px;
    margin-right: 10%;
}

    a.signup-link:hover {
        color: #fede32;
        text-decoration: none;
    }

    a.signup-link:focus {
        text-decoration: none;
    }

.social {
    list-style: none;
}

.social li {
    margin: 2px;
    float: left;
}

.social span {
    float: right;
}
    .social span.twitter {
        width: 25px;
        height: 25px;
        background-image: url(/content/themes/bakery/img/social-sprite.png);
        background-repeat: no-repeat;
        background-position: -1px 0px;
    }
        .social span.twitter:hover {
            background-position: -1px -25px;
        }

    .social span.facebook {
        width: 25px;
        height: 25px;
        background-image: url(/content/themes/bakery/img/social-sprite.png);
        background-repeat: no-repeat;
        background-position: -26px 0px;
    }
        .social span.facebook:hover {
            background-position: -26px -25px;
        }

    .social span.instagram {
        width: 25px;
        height: 25px;
        background-image: url(/content/themes/bakery/img/social-sprite.png);
        background-repeat: no-repeat;
        background-position: -51px 0px;
    }
        .social span.instagram:hover {
            background-position: -51px -25px;
        }

    .social span.linkedin {
        width: 25px;
        height: 25px;
        background-image: url(/content/themes/bakery/img/social-sprite.png);
        background-repeat: no-repeat;
        background-position: -76px 0px;
    }
        .social span.linkedin:hover {
            background-position: -76px -25px;
        }

.callout {
    white-space:nowrap;
}

    .callout a, .cta a {
        color: #444;
        white-space:nowrap;
    }

    .back-link a, a.back-link {
        text-transform: uppercase;
        font-weight: bold;
        color: #444;
        padding-bottom: 10px;
    }
    .back-link a:before, a.back-link:before {
        font-family: 'Glyphicons Halflings';
        content:"\e091";
        padding-right: 10px;
        vertical-align: top;
        display: inline-block;
    }

blockquote p {
    font-size: 20px;
    font-weight: bold;
    quotes: "“" "”" "‘" "’";
}

    blockquote p:before {
        content: open-quote;
        font-size: 40px;
        padding-right: 10px;
        line-height: 1em;
        font-family: arial;
    }

    blockquote p:after {
        content: close-quote;
        font-size: 40px;
        padding-left: 10px;
        line-height: 1em;
        font-family: arial;
        position: absolute;
    }

form.dhvcform {
    padding: 25px;
}

    form.dhvcform label {
        padding-top: 15px;
    }

.tick-list li:before {
    color: #3fb0e2;
}

.main-content {position: relative; z-index: 2; max-width: 970px; margin: 0 auto;}


/*NAV MENU*/

.navbar-default .navbar-nav>li>a, ul#menu-primary-menu li.no-active a {
    color: #fff;
}

    .navbar-default .navbar-nav>li>a:hover, ul#menu-primary-menu li.no-active a:hover {
        color: #444;
    }

.navbar-default .navbar-nav>.active>a {
    color: #444;
}

.nav a {
    font-size: 18px;
}

.navbar-toggle { 
    position: absolute;
    height: 40px;
    top: 2px;
    right: -10px;
    padding: 9px 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    margin: 0;
}

button.navbar-toggle span {
    background: #fff;
}
    button.navbar-toggle:hover {
    background: #FEDE32;
    border-radius: 20px;
    height: 40px;
}


.navbar-header {
    width: 100%;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin: 0;
}


a.navbar-brand {
    clear: both;
    height: auto;
    margin-top: 30px;  
    float: none;
    max-width: 250px;
}

    a.navbar-brand img {
        max-width: 200px;
        margin: 0 auto;  
    }

.navigation .navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar-default .navbar-toggle {
    border: 0;
}

.navigation .navbar .navbar-collapse {
  text-align: center;
}

ul#menu-secondary-menu {
    border-top: 1px solid #fff;
    padding: 0 30px 0 30px;
}

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
    margin: 0;
}

/*NAV DRAWER*/

.navbar-toggle {
    border: 0;
}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }

ul#menu-primary-menu-1 {
    text-transform: uppercase;
}

.drawer {
    border: 0;
}

.drawer-heading {
    border: 0;
}

.drawer-contents {
    background: #444;
    color: #fff;
}

    .drawer-contents hr {
        height: 2px;
        background: #fede32;
        width: 90%;
        margin: 0 auto;
        border: 0;
        color: #fede32;
    }

.drawer-nav li a {
    color: #fff;
}

.drawer-nav li.active a {
    background: transparent;
    color: #fff
}

.drawer-nav li a:hover {
    color: #FEDE32;
    background: transparent;
}

.drawer-footer {
    padding: 2% 5%;
    text-align: right;
}

/*BODY STYLES*/

.boxed .vc_column-inner, .container.boxed {background: white;}


    .vc_custom_1463675238188 {
        background-image: none!important;
    }

.callout {
    margin: -20px 0;
}

.callout p {
    font-size: 1.4em;
    font-weight: bold;
}
    .callout p:before {
        font-family: 'Glyphicons Halflings';
        content: "\e092";
        padding-right: 10px;
        vertical-align: top;
    }

.cta p {
    font-size: 1.4em;
    font-weight: bold;
    padding-right: 10px;
}

    .cta p:after {
        font-family: 'Glyphicons Halflings';
        content: "\e092";
        padding-left: 10px;
        vertical-align: top;
    }


.tick-list ul {
    list-style: none;
}
    .tick-list li {
        padding-left: 10px;
        list-style: none;
    }
        .tick-list li:before {
            font-family: 'Glyphicons Halflings';
            content: "\e013";
            padding-right: 10px;
            vertical-align: top;
            margin-left: -26px;
        }

.hero {
    margin-top: 220px;
    margin-bottom: 5px;
}

.team   {
    min-height: 600px;
    position: relative;
    margin-bottom: 20px;
    background-image: url('/content/themes/bakery/img/team_clouds_v2.png');
}

.team .hero.wpb_column.col-sm-12 {
    margin-top: 300px;
}

.team .wpb_wrapper {
    max-width: 600px;
    margin: 0 auto;
}

.gmap {
    margin: 0 5px 10px!important;
}


footer {
    margin-top: 10px;
    padding: 20px;
    background: #fede32;
    margin-left: -20px!important;
    margin-right: -20px!important;
}

footer a.btn-default:active:hover {
    background: #222;
}

    footer .logo img {
        max-width: 150px;
    }

    .footer .footer-signup {
        margin-top: 20px;
    }

    .footer .btn-default {
        color: #fff;
        background-color: #444;
        padding: 10px 15px;
    }

        .footer .btn-default:hover {
            color: #3fb0e2;
        }

        .footer .btn-default:focus {
            outline: none;
            text-decoration: none;
        }

    footer div {
        padding: 20px;
    }

.dhvc-form-message {
    text-align: center;
    padding: 20px 0 0 0;
    color: #3fb0e2;
    font-weight: bold;
}

.recaptcha {
    margin-top: 10px;
    transform:scale(0.77);
        -webkit-transform:scale(0.77);
    transform-origin:0 0;
        -webkit-transform-origin:0 0;
}

.vc_visible-item {
    max-height: 100px;
}

img.bakery-mobile {
    display: none;
    max-width: 80%;
    margin: 0 auto;
}

/*FLOCKLER*/

    /*OVERVIEW PAGE*/

    .container {
        max-width: 970px;
    }

    .jumbotron {
        text-shadow: 3px 3px 2px rgba(50, 50, 50, 1);
        clear: both;
        padding-top: 20%;
        padding-bottom: 2%;
        padding-left: 30px!important;
    }

    .jumbotron h1 {
        line-height: 1em;
        font-weight: bold;
    }

    .hero-container {
        height: 150px;
        overflow: hidden;
    }

        .hero-container img {
            width: 100%;
            height: auto;
            padding: 0; 
        }

    .flockler, .item {
        max-width: 500px;
        margin: 10px auto;
        padding: 0;
    }

    .flockler a {
        text-decoration: none;
    }

    .flockler div.vc_column-inner {
        padding: 0 0 40px 0;
    }


    .detail .article-body em {
        font-size: 1em;
        line-height: 1.2em;
        margin: 15px 0 5px 0;
        display: inline-block;
    }

        .item h3, .item p {
            margin: 15px 15px;
            color: #444;
        }

            .item p:hover {
                text-decoration: none;
            }

        .flockler p.cta {
            position: absolute;
            bottom: 0px;
            right: 10px;
        }

        .item .cta {
            text-align: right;
            padding: 10px 0;
        }

        .item .cta:after {
        font-family: 'Glyphicons Halflings';
        content: "\e092";
        padding-left: 10px;
        vertical-align: top;
        display: inline-block;
        }

        .item.haslink h3 {
            padding-bottom: 30px;
        }

        .item.haslink h3:hover {
            color: #3fb0e2;
        }

        .item.haslink a:hover {
            display: inline-block;
            text-decoration: none;
        }

        .item.haslink .cta {
            position: absolute;
            bottom: 10px;
            right: 30px;
        }

        .item.haslink .cta:hover {
            text-decoration: none;
        }

    .page-template-tmp-flockler-index .btn {
        background: #fede32;
        border-radius: 3px!important;
        margin: 5px;
        text-align: left!important;
    }

    .page-template-tmp-flockler-index .nav a {
        color: #444;
        white-space: pre-wrap;
    }

    /*DETAIL PAGE*/

    .single-case-study .detail {
        width: 100%;
        max-width: 1000px;
        padding: 0px;
    }

    .flockler-article.detail {
        width: 100%;
        max-width: 800px;
        padding: 0px;
    }

    .container .jumbotron {
        border-radius: 0;
        margin-bottom: 0;
        background: rgba(0,0,0,0.5);
    }
        .jumbotron h1, .jumbotron p {
            color: #fff;
            word-break: break-word;
            clear: left;
            margin: 0;
        }

    .article-body {
        padding: 30px 30px 60px 30px;
        margin-bottom: 30px;
        background: #fff;
        line-height: 1.4em;
        display: block;
        clear: both;
    }

        .article-body h3 {
            margin: 20px 0 10px 0;
            max-width: 700px;
            margin: 0 auto;
        }

        .article-body img {
            max-width: 100%;
        }

        .article-body p {
            max-width: 700px;
            margin: 0 auto;
        }

    /*NATIVE WP BLOG*/

    /*DETAIL PAGE*/

    .single-blog-posts h2, h3, h4 {
        margin-top: 0;
        max-width: 700px;
        margin: 0 auto 20px auto;
    }


/*CASE STUDIES OVERVIEW*/

.cases .hero-container img {
    clear: both;
    display: block;
    height: 100%;
    width: auto;
    text-align: center;
    margin: 0 auto;
}

.cases h3, .cases p  {
    text-align: center;
    max-width: 75%;
    margin: 10px auto;
}

.cases h3, .flockler h3, .single-event h3  {
    color: #3fb0e2;
    margin-bottom: 0;
    line-height: 22px;
    padding-bottom: 5px;
}

.cases p {
    margin-top: 0;
}

.cases .item a {
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
}


.cases .item .vc_column-inner:hover, .flockler .vc_column-inner:hover, .single-event a:hover {
    box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.4);
        -webkit-box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.4);
        -webkit-transition: box-shadow 0.3s ease-in-out;
        -moz-transition: box-shadow 0.3s ease-in-out ;
        -ms-transition: box-shadow 0.3s ease-in-out ;
        -o-transition: box-shadow 0.3s ease-in-out ;
        transition: box-shadow 0.3s ease-in-out ;
    }

    .haslink .vc_column-inner a:focus {
        outline: 0;
        outline-offset: 0;
    }

.row.cases {
    margin-bottom: 30px;
}

/*CASE STUDIES DETAIL*/

.hero-panel {
    position: relative;
    clear: both;
}

    .hero-panel .attachment-post-thumbnail, .hero-panel img {
        width: 100%;
        height: auto;
    }

.single-case-study .inset-logo {
    position: absolute;
    bottom: 10px;
    left: -10px;
    display: block;
    width: 200px;
}

    .inset-logo img {
        height: auto;
        width: 100%;
    }

.single-case-study .hero-panel h2 {
    position: absolute;
    bottom: 20px;
    left: 180px;
    max-width: 400px;
    color: #fff;
    text-shadow: 3px 3px 2px rgba(50, 50, 50, 1);
}

.single-case-study .article-body p {
    padding-bottom: 15px;
    font-size: 1.1em;
    line-height: 1.4em;
}

.single-case-study .article-body img, .article__figure img {
    -webkit-box-shadow: 0px 2px 40px 2px rgba(156,156,156,1);
    -moz-box-shadow: 0px 2px 40px 2px rgba(156,156,156,1);
    box-shadow: 0px 2px 40px 2px rgba(156,156,156,1);
    max-width: 90%;
    display: block;
    margin: 30px auto;

}

.single-case-study .article-body .no-shadow img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}


/* CONTACT FORM */

form .bigcheck .dhvc-form-checkbox label {
    padding-top: 0;
    padding-left: 55px;
    margin-top: 10px;
    line-height: 1.6em;
}

form .bigcheck .dhvc-form-checkbox label i {
    height: 40px;
    width: 40px;
}

    form .bigcheck .dhvc-form-checkbox label input + i:after {
        height: 25px;
        width: 25px;
        font: 30px/30px FontAwesome;
        top: 3px;
        left: 3px;
    }

/* CASE STUDY MODALS */


#case-study-modal .modal-dialog {
    max-width: 600px;
}
#case-study-modal .modal-content {
    border-radius: 0px;
    border: 0;
}
#case-study-modal .modal-title {
    font-weight: bold;
    text-align: center;
}
#case-study-modal .modal-body {
    padding: 20px 50px;
}
#case-study-modal .modal-header {
   border-bottom: 1px dashed #3fb0e2;;
}
    #case-study-modal .modal-body p {
        margin: 0;
    }
    #case-study-modal .modal-body img {
        width: 95%;
        height: auto;
        margin: 20px auto;
        text-align: center;
        display: block;
    }
#case-study-modal  .modal-footer {
    border: 0;
    padding: 20px;
}
#case-study-modal .modal-footer .btn {
    background: #3fb0e2;
    color: white;
    border: 0;
    border-radius: 20px;
}

#signup-modal {
    padding: 0!important;
}

    #signup-modal .modal-dialog {
        border-radius: 0;
        width: 100vw;
        height: 100vh;
        margin: 0;
        padding: 0;
    }

    #signup-modal .modal-content {
        border-radius: 0;
        min-height: 100%;
        text-align: center;
    }

    #signup-modal .modal-header {
        text-align: center;
        border-bottom: 0;
    }

    #signup-modal .modal-header, #signup-modal .modal-content,  #signup-modal .modal-body, #signup-modal .modal-footer {
        background: #FFE000;
    }

    #signup-modal img.logo {
        text-align: center;
        max-width: 200px;
        padding: 15px;
    }

    #signup-modal .modal-footer {
        border-top: 0;
    }

    #signup-modal .close {
        font-size: 5em;
        position: absolute;
        top: 0;
        right: 20px;
    }

    #signup-modal .modal-body {
        width: 90%;
        max-width: 600px;
        margin: 0 auto;
    }

    .signup label {
        width: 90%;
        text-align: left;
        max-width: 500px;
        min-width: 200px;
    }

    .signup input, select {
        float: right;
        width: 60%;
        max-width: 300px;
        height: 35px;
        padding: 5px;
        border: 0;
    }

   .signup button {
        clear: both;
        display: block;
        float: right;
        margin: 10px 0;
        padding: 10px 20px;
        border: 0;
        background: #3fb0e2;
    }

    .vc_column-inner {
        padding-top: 0!important;
    }


    /*EVENTS SECTION*/

    .events-container {
        max-width: 90%;
        margin: 0 auto;
    }

    .events-container hr {
        border: 0;
        height: 1px;
        background: #444;
    }

    .tile-hero {
        max-height: 150px;
        overflow: hidden;
        padding-bottom: 50%;
        background-size: cover;
    }

    .single-event div.tile-info {
        padding: 20px;
    }

    .single-event {
        margin: 0 auto;
    }

    .single-event a {
        width: 100%;
        background: #fff;
    }

    .single-event p {margin: 0;}

    .single-event h3 { margin: 0;

    }

    .page-template-tmp-events main p, .page-template-tmp-events main h2  {
        max-width: 90%;
        margin: 0 auto;
    }

    .events.vc_row {
        margin: 30px auto;
    }

    .events .single-event {
        max-width: 400px;
        margin: 0 auto;
    }

    .tile-info p {
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
    }

        .tile-info p.time-date {
            line-height: 13px;
            font-size: 0.8em;
            font-weight: bold;
        }

        .tile-info p.event-desc {
            padding-top:5px;
        }

    /*EVENT DETAIL PAGES*/

    .single-tf_events h2 {
        margin-top: 20px;
    }

    .body-bg {
        background: #fff;
    }

    .single-tf_events .article-body {
        max-width: 800px;
    }

    /*FACEBOOK VIDEO EMBED*/
    .article__embed-code {
        max-width: 700px;
        margin: 0 auto;
    }

    .article__embed-code iframe {
        max-width: 100%;
        height: 57vw;
        max-height: 365px;
        min-height: 140px;
        padding-bottom: 5vw;
    }

    .video-container {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
        margin-bottom: 20px;
    }
    .video-iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .single-tf_events .article-body p {
        line-height: 1.4em;
    }

    div.event-datetime h4 {
        font-size: 14px;
        font-weight: bold;
        text-decoration: underline;
        line-height: 1.6em;
        padding: 0;
        margin: 0;
    }

    div.event-datetime span {
        clear: both;
        display: block;
        font-weight: bold;
    }

/*LANDING PAGES*/

.page-template-tmp-landing-page .hero-panel {
    position: relative;
    clear: both;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20vw 10px;
    margin: 5px -15px;
    height: auto;
}

.page-template-tmp-landing-page .hero-panel h2 {
    position: absolute;
    bottom: 2vw;
    left: 4vw;
    color: #fff;
    font-size: 50px;
    text-shadow: 3px 3px 2px rgba(50, 50, 50, 1);
    max-width: 90%;
}


/*MEDIA QUERIES*/

@media (min-width: 768px) {

    .team .hero.wpb_column.col-sm-12 {
        margin-top: 225px;
    }

    .team .wpb_wrapper {
        max-width: 600px;
        margin: 0 auto;
    }

    .fold.dw-sm-6 {
        margin-left: -70%;
    }

}


@media (max-width: 990px) {

    .item  {
        float: none;
    }

}

@media (max-width: 767px) {

    body {
        background-image: url(img/clouds-mobile.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position-x: 0;
        background-position-y: 60px;
    }

    ul#menu-primary-menu a {
        padding: 18px;
    }

    .super-nav {
        position: absolute;
        top: 7px;
        left: -10px;
        width: 100%;
    }

    .super-nav .social {
        list-style: none;
        position: absolute;
        right: 25px;
        top: 0;
    }

    .header-panel {
        margin-top: 5px;
    }


    .navbar-default {
        display: none;
    }

    a.signup-link {
        right: 50px;
    }

    .hero {
        margin-top: 0;
    }

    a.hero-link {
        float: left!important
    }

    .home img.bakery-mobile {
        display: block;
    }

    .vc_column-inner {
        padding-top: 0!important;
    }


    .team {
        min-height: inherit;
        background-image: none;
        margin-bottom: 0;
    }

    .team .hero.wpb_column.col-sm-12 {
        margin-top: 0;
    }
    
    .drawer {
        width: 50%;
    }

    .hero {
        background: white;
    }

    .vc_grid-item.vc_clearfix.vc_col-sm-2.vc_visible-item {
        width: 33.3%;
        float: left;
    }

    .wpb_single_image img {
        height: auto;
        max-width: 70%;
        vertical-align: top;
    }

    .single-case-study .container {
        padding: 0;
    }

    .single-case-study .article-body {
        padding: 15px;
    }

    .single-case-study .hero-panel h2 {
        font-size: 4vw;
        left: 25vw;
        bottom: 10px
    }

    .single-case-study .article-body p {
        font-size: 1em;
    }

    .single-case-study .inset-logo {
        left: 0;
    }

    .single-case-study .inset-logo img {
        width: 24vw;
    }

    .wpb_video_widget.vc_video-el-width-60 .wpb_wrapper {
        width: 90%;
    }


    .video-container {
        position:relative;
        padding-bottom:56.25%;
        padding-top:30px;
        height:0;
        overflow:hidden;
    }

    .video-container iframe, .video-container object, .video-container embed {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }

    .tile-hero {
        height: 35vw;
        overflow: hidden;
        min-height: 150px
        ;
    }

    .footer .footer-signup {
        margin-top: 0;
    }

    .page-template-tmp-events main p, .page-template-tmp-events main h2  {
        max-width: 100%;
        margin: 0 auto;
    }

    .page-template-tmp-landing-page .hero-panel {
        padding-bottom: 25vw;
    }

    .page-template-tmp-landing-page .hero-panel h2 {
        line-height: 1em;
        font-size: 10vw;
    }

}

@media (max-width: 480px) {

    .signup input, select {
        width: 100%;
        max-width: 100%;
        float: left;
    }

    .signup select {
        margin-top: 20px;
    }

    a.signup-link {
        margin-right: 6%;
        font-size: 0.8em;
    }

    .single-case-study .inset-logo img {
        width: 24vw;
        max-width: 80px;
    }

    a.navbar-brand img {
        max-width: 150px;
    }
    .vc_grid-item.vc_clearfix.vc_col-sm-2.vc_visible-item {
        width: 50%;
    }

    .drawer {
        width: 70%;
    }


    .super-nav {
        float: none;
        right: 0;
        width: 100%;
    }

    a.signup-link {
        margin-right: 5%;
    }

}

@media (min-width: 769px) {

    .team   {
        min-height: 600px;
        position: relative;
        background-image: url(/content/themes/bakery/img/team_clouds_v2.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }


    .cta {
        font-size: 13px;
    }

}