/* Brand Images*/
  .tb-fagron-img {
    width: 100%;
}


 .tb-brand-main {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
}

    .tb-brand-main > img {
        width: 25%;
        margin: auto;
    }

.tb-brand-main-footer {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.tb-brand-main-footer > img {
    width: 100%;
    margin: auto;
}

 .tb-brand-secondary {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-end;
}

.tb-brand-secondary > img {
    max-width: 150px;
    border: green;
    margin: 15px;
}

.tb-brand-image {
    max-width: 150px;
    border: pink;
    margin: 15px;
}

/* Brand Images*/


/* CHECK IF I CAN BRAKE THE WHITE SPACE IN SMALLER SCREENS */
@media (max-width: 1400px){
  .container {
    width: auto !important;
  }
}


.home .header-panel {
    max-height: 600px;
    background-color: #ffffff;
    top: 0px;
}

.home .header-sub {
    height: 55px;
    background-color: #fff;
}

.home .create-order-container {
    height: 130px;
    border-top: 1px solid #23d0ad;
    /*border-bottom: 1px solid #23d0ad;*/
    margin-top: 20px;
}

.home .create-shake-container {
    background-color: #8ed2c5;
    color: #fff;
    height: inherit;
    padding: 25px 0px 0px 20px;
    font-size: 16px;
    text-transform: uppercase;
    opacity: 0.9;
    -moz-opacity: 0.9;
}

.home .create-order-container a {
    text-decoration: none;
    color: #fff;
}
.home .create-order-container a h3 {
    font-size: 50px;
    text-transform: uppercase;
    margin: 0 0 0 40px;
    font-weight: 300;
}

.home .create-shake-container div {
    margin-left: 80px;
}

.home .create-shake-container:hover div {
    text-decoration: underline;
}

.home .order-shake-container div {
    margin-left: 80px;
}

.home .order-shake-container:hover div {
    text-decoration: underline;
}

.home .order-shake-container {
    background-color: #fff;
    color: #23d0ae;
    height: inherit;
    border-bottom: 1px solid #23d0ad;
    padding: 25px 0px 0px 20px;
    opacity: 0.9;
    -moz-opacity: 0.9;
}

.home .order-shake-container a {
    color: #23d0ae;
    text-transform: uppercase;
    font-size: 16px;
}

.home .how-shakes-work {
  background-color: #252A29;
  color: #fff;
  font-size: 22px;
  height: inherit;
  padding: 15px 0px 0px 0px;
  text-align: center;
  margin-top: -0.9px;
}

.home .how-shakes-work div {
    font-size: 14px;
}

.home .how-shakes-work img {
    /*padding-left: 15px;*/
    /*height: 50px;*/
    margin: auto;
}


.home .icon-label {
    float: left;
    margin: 10px 20px 5px 10px;
}

.home .header-nav {
    padding-top: 20px;
}

.home .header-nav a {
    text-decoration: none;
    color: #5b5b5b;
    text-transform: uppercase;
    font-size: 13px;
}

.home .header-nav a:hover {
    text-decoration: underline;
}

.home .header-nav span {
    /*color: #06ce8a;*/
    color: #ffffff;
    font-size: 20px;
}

.home .your-health-blend {
    margin-top: 100px;
    font-size: 45px;
      text-align: left;
}

.home .your-health {
    line-height: 40px;
}

.home .health-blend {
    font-weight: bold;
    color: #8ed2c5;
    font-size: 72px;
    /*letter-spacing: 5px;*/
    margin-top: -25px;
}

.home .your-health-blend-intro {
    font-size: 13px;
    /*margin-left: 0%;*/
}

/*.home .your-health-blend a, .ingredient-recipe-container a {
    background-color: #8ed2c5;
    color: #fff;
    border: 1px solid #8ed2c5;
    font-size: 16px;
    padding: 3px  10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    text-decoration: none;
}*/

.home .custom-nutrition-container {
    text-align: center;
    font-size: 16px;
    background-color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
}

.home .custom-nutrition-container h3 {
    color: #8ed2c5;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 30px;
      /* margin-top: 60px; */
}

.home .custom-nutrition-container h3 span {
    color: #23d0ae;
    font-weight: bold;
    border-bottom: 1px solid;
}

.home .ingredient-recipe-container h3 {
    text-transform: uppercase;
    /*text-decoration: underline;*/
    font-weight: bold;
    font-size:35px;
    margin-bottom: 30px;
}

.home .ingredient-recipe-container h3 span#ingredients{
    border-bottom: 1px solid;
}

.home .ingredient-recipe-container h3 span#recipes{
    border-bottom: 1px solid #23d0ae;
}

.home h3.latest-recipe {
    color: #23d0ae;
}

.ingredient-recipe-desc {
    margin-bottom: 20px;
}


.home .latest-post h3 {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 35px;
    margin-bottom: 40px;
}

.home .latest-post h3 span{
    border-bottom: 1px solid;
}

/* .home .latest-post #from-the-blog {
    margin-left: 12.666667%;
} */

.home .latest-post img {
    margin-bottom: 10px;
}

    /*.pixeled-box h4 {
      margin-top: 40px;
    }*/

#intro_text{
    padding: 5px 205px;
}

.home #from-the-blog .col-xs-12{
    margin-bottom: 30px;
}

/* Responsiveness */
/* Tablets */
@media (max-width: 1199px) {

    .home .header-panel-overlay {
        /*background: #fcfcf6 url("../img/nutri_info.png") no-repeat center top !important;*/
    }
     .home .header-panel {
        height: auto;
         min-height: 600px;
    } 

    .home .content-holder {
        background-position: 50% 35px;
    }

    .home .your-health-blend {
        text-align: center;
        margin-top: 100px;
        font-size: 55px;
    }

    .home .your-health, .health-blend {
        text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
    }

    .home .health-blend {
        padding-bottom: 5px;
        /* border-bottom: 1px solid #fff; */
        margin-bottom: 15px;
    }

        .home .health-blend {
          font-size: 72px;
        }

    .home .header-split {
        margin-top: 50px;
    }

    .home .create-order-container {
          margin-bottom: 106px;
          /* margin-top: -20px; */
          height: 105px;
    }

    .home .create-order-container a h3 {
      font-size: 36px;
    }

    .home .your-health-blend a {
        font-size: 18px;
        /*margin-bottom: 50px;*/
    }

    .home .how-shakes-work {
        height: 107px;
        padding-left: 10px;
        text-align: center;
        /*text-align: center;*/
        padding: 6px 0px 0px 0px;
    }

    /* .home .how-shakes-work div {
        font-size: 16px;
    } */

    .home .header-sub {
        /*display: none;*/
        margin-top: 10px;
    }

    /* .home .your-health-blend-intro {
        margin-bottom: -30px;
    } */

    .home .icon-delivery-bike {
        display: none;
    }

    .home .latest-post {
        padding-left: 0px;
        padding-right: 0px;
    }

        .home .latest-post #from-the-blog {
          margin-left: 0;
        }

    /* .home .latest-post div.col-xs-6, .latest-post div.col-xs-12 {
        padding-left: 0px;
    } */

    .home .custom-nutrition-container {
        margin-top: 0px;
    }

        .home .custom-nutrition-container h3 {
          font-size: 30px;
          line-height: 40px;
        }

        #intro_text {
          padding: 0px;
        }

    .delivery-desc{
        text-align: center;
        margin-left: 0; 
    }

        .pixeled-box {
            height: 250px;
        }

        .pixeled-box h4 {
          margin-top: 40px;
          line-height: 30px;
        }

    .twitter_ctrl_previous{
      margin-left: 1.8%;
    }

}
/* Tablets */

@media (max-width: 767px) {
    /*.cycle-slideshow{display: none;}*/
    /*.twitter-box */
    /*.cycle-slideshow{display: block;}*/
    /*#nav_footer {*/
    /*  text-align: center;*/
    /*  margin-top: 70px;*/
    /*}*/

    /*#nav_footer div {*/
    /*    border-bottom: 1px solid #fff;*/
    /*    padding-bottom: 10px;*/
    /*    margin-bottom: 5px;*/
    /*}*/
    
     .tb-brand-secondary > img {
        display: none;
    }

    .tb-brand-main-footer > img {
        width: 40%;
        margin: auto;
    }
  
}

/* Smart Phone */
@media (max-width: 480px) {

    /*.cycle-slideshow{display: none;}*/

    #mobile_menu_activator, #mobile_menu_deactivator{
      padding: 5px;
    }

    .home .header-panel-overlay {
        background-position: -190px 165px;
    }

    .home .create-shake-container, .order-shake-container {
        /* padding-left: 0px;
        padding-top: 5px; */
        position: relative !important;
        bottom: inherit;
    }

    .home .create-shake-container div, .create-shake-container h3, .order-shake-container div, .order-shake-container h3 {
        margin-left: 5px;
    }

    .home .header-nav {
        padding-left: 0px;
        padding-right: 5px;
    }

    /* .home .create-order-container {
        margin-top: 300px;
    } */

    .home .ingredient-recipe-container h3 {
      font-size: 28px;
    }

    .home #blog_post_1 {
        padding-right: 0px;
    }


    .home .blog-post-date {
        width: 60px;
    }

    .home #copy_footer {
        font-size: 12px;
    }

    /* CREATE YOUR BLEND BUTTON */
    .home .create-order-container a h3 {
      font-size: 24px;
      margin: 0 0 0 5px;
    }

        .home .create-shake-container div{
          font-size: 14px;
        }

    /* .home .order-shake-container {
      padding: 0px;
    } */

        .home .order-shake-container div {
            margin-left: 8px;
        }

        .home .how-shakes-work {
            padding-top: 35px;
        }

        .home .how-shakes-work {
           padding-left: 0px; 
        }

    /* START INTRO CONTENT */
    .home .custom-nutrition-container h3 {
      font-size: 19px;
      line-height: 30px;
    }

        #intro_text {
           padding: 0px; 
        }

    /* START INTRO CONTENT */

    /*#nav_footer {*/
    /*  text-align: center;*/
    /*  margin-top: 70px;*/
    /*}*/

        #twitter_feeds {
          height: auto;
          padding-bottom: 10px;
        }

        /*#nav_footer div{*/
        /*  border-bottom: 1px solid #fff;*/
        /*  padding-bottom: 10px;*/
        /*  margin-bottom: 5px;*/
        /*}*/
        
        .home .health-blend {
            font-size: 4.5rem;
            text-align: start;
            margin-left: 4rem;
        }

    .home .your-health {
        font-size: 4rem;
        text-align: start;
        margin-left: 3rem;
    }

}
/* Smart Phone */
/* Responsiveness */

/* ----------- Non-Retina Screens ----------- */
@media (min-width: 1200px) and (max-width: 1599px) { 

  .home .your-health-blend {
    font-size: 60px;
  }

  .home .health-blend {
    font-size: 72px;
  }

  .home .custom-nutrition-container h3 {
      font-size: 30px;
    }
}

@media screen and (max-width: 1200px) {
        .slide-item1 {
            background-position: -170px -112px;
        }

        .slide-item2 {
            background-position: -86px 0px;
        }
}

@media screen and (max-width: 980px) {
        .slide-item1 {
            background-position: -205px 50px;
        }

        .slide-item2 {
            background-position: -220px 0px;
        }
}


/*NEW HOME HEAD FLEXBOX - TODO - move to correct media queries*/

.your-health-flex-container {
    display: flex;
    flex-flow: column wrap;
    align-content: flex-end;
    margin-right: 4rem;
    margin-top: 15rem;
}

.your-health-flex-items{
    margin-bottom: 2rem;
}

.your-health-flex-items .your-health-new {
    text-transform: uppercase;
    font-size: 2rem;
    color: whitesmoke;
}

.your-health-flex-items .your-blend-new {
    text-transform: uppercase;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
    font-size: 2.8rem;
    font-weight: bolder;
    color: #f5f5f5;
    margin-top: -10px;
}

.your-health-flex-items .your-health-blend-intro-new {
  
    max-width: 40rem;
    font-size: 1rem;
    color: #f5f5f5;
    margin-left: 18rem;
    /*text-shadow: 2px 2px 2px #545454;*/
}

.home-panel-button-container {
    display: flex;
    flex-flow: row nowrap;
    align-content: flex-end;
    justify-content: flex-end;
    margin-right: 3rem;
}

.home-panel-button-item  {
    margin-bottom: 2rem;
/*margin-left: 1rem;*/
margin-right: 1rem;
    font-size: 1rem;
}

.home-panel-button-item:hover {
    background-color: #545454;
    color: #FBFCF5;
}

@media (min-width: 450px){


    .home-panel-button-item  {
        margin-bottom: 2rem;
        margin-left: 1rem;
        margin-right: 1rem;
        font-size: 1.2rem;
    }
   
    .your-health-flex-items .your-health-new {
        font-size: 4rem;
    }

    .your-health-flex-items .your-blend-new {
        font-size: 5rem;
        margin-top: -20px;
    }
    
    
}

@media (min-width: 767px){
    .home-panel-button-container {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-end;
        margin-right: 15rem;
        margin-bottom: 10rem;
    }
    .your-health-flex-container {
        margin-right: 15rem;
        margin-top: 20rem;
    }

    .your-health-flex-items{

    }

    .your-health-flex-items .your-health-new {
        font-size: 5rem;
    }

    .your-health-flex-items .your-blend-new {
        font-size: 6rem;
        margin-top: -30px;
    }
    .your-health-flex-items .your-health-blend-intro-new {
        font-size: 1.5rem;
        max-width: 40rem;
        margin-left: 8rem;
    }
}

@media (min-width: 1060px){

}

@media (min-width: 1200px){
    .your-health-flex-items .your-health-blend-intro-new {
        max-width: 100%;
        margin-left: calc(100% - 55rem);
    }
}