/*  Responsive code  */
@media (max-width:81.25em) { 
    .wrapper { padding: 0 3%; }
    .info_pic { width: 100%; }
    .info_details {
        height: auto;
        padding-bottom: 3em;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .info_details h3,
    .info_details p,
    .info_details a {
        max-width: 50%;
        display: block;
        text-align: left;
        margin: 2em auto;
        padding-bottom: 2em;
    }
    

    
    header nav {
        margin: 20px 20px 0 0;
    }
    
    header nav ul li {
        margin-left: 1.8em;
        font-size: .78em;
    }
    
    .circle1 h1,
    .circle2 h1,
    .circle2 h2,
    .circle3 h1 {
        font-size: 2.5em;
        line-height: 1.6em;
        font-weight: lighter;
        letter-spacing: 1px;
    }
    .circle1 p,
    .circle2 p,
    .circle3 p {
        font-size: 1em;
        font-weight: 300;
        line-height: 1.6em;
    }
}
@media (max-width:68.75em) { 
    .wrapper { padding: 0 2% }
    header nav {
        margin: 20px 7px 0 0;
        padding: 13px 0px;
    }
    header nav ul li {
        margin-left: 1.5em;
        font-size: .7em;
    }
    header .logo {
        float: left;
        margin-top: 5px;
        width: 175px;
        height: 79px;
        
        /*    border: 1px solid white;*/
    }
    .billboard {
        max-width: 92%;
        height: 600px;
        background: url('/img/balance1024.jpg') no-repeat center center;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
    }
    .billboard .caption {
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
        width: 80%;
        text-align: center;
    }
    .billboard .caption h1 {
        font-size: 2.6em;
        /*    background: rgba(255, 255, 255, 0.6);*/
        padding-top: .9em;
        margin-bottom: -.1em;
    }
    .billboard .caption p {
        font-size: 1.2em;
        /*    background: rgba(255, 255, 255, 0.6);*/
        margin-bottom: 2px;
    }
    .cta {
        padding-top: 2.8em;
        margin: 0 auto;
        padding-left: 10%;
        padding-right: 10%;
    }
    .cta h3 {
        font-size: 1.5em;
        letter-spacing: 1px;
        padding-top: .9em;
    }
    .cta p {
        font-size: .9em;
        margin-top: .3em;
        line-height: 2em;
    }
    .cta h4 { font-size: 1.5em }
    
    .circle1 h1,
    .circle2 h1,
    .circle2 h2,    
    .circle3 h1 {
        font-size: 2.2em;
        line-height: 1.1em;
        letter-spacing: 1px;
    }
    .circle1 p,
    .circle2 p,
    .circle3 p {
        font-size: .9em;
        font-weight: 300;
        line-height: 1.2em;
    }
}
@media (max-width:56.25em) { 
    .wrapper { padding: 0 10px; }
    header { height: 60px; }
   
    header .logo {
        float: left;
        height: 50px;
        width: 140px;
        margin-top: 6px;
        margin-left: 1em;
        background-size: contain;
        
    }
    
    header .open { 
    display: block;
    cursor: pointer;
    margin-right: 1em;
    }
    
    header ul.social {
        margin-right: 4.2em;
        margin-top: 13px;
    }
    header nav {
        display: block;
    max-height: 0;
            -webkit-transition: max-height 0.3s ease-in-out;
            -moz-transition: max-height 0.3s ease-in-out;
            -o-transition: max-height 0.3s ease-in-out;
            transition: max-height 0.3s ease-in-out;
        background: #353434;
        width: 100%;
        margin-top: 4px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        border-left: 0;
/*        border-top: 1px #2c2c2c solid;*/
        overflow: hidden;
        text-align: center;
        position: relative;
        z-index: 9999;
        
    }

    header nav.show_menu { 
        display: block;
        max-height: 500px;
        border-bottom: 1px #ddd solid;
    }

    
    
    header nav ul li {
        margin: 0;
        width: 100%;
        border-bottom: 1px #2c2c2c solid;
        font-size: .8em;
    }
    header nav ul li:first-child { border-top: 1px #ddd solid; }

    header nav ul li:last-child { border-bottom: 0 }
    header nav ul li a {
        display: block;
        width: 100%;
        padding: 20px 0;
        color: #fff;
    }
    header nav ul li a:active {
        display: block;
        width: 100%;
        padding: 20px 0;
        background: #2c2c2c;
    }
    
#active a
{
padding: 1.5em;
margin-top: 0em;
}    
    
    .features .feature {
        width: 46.66666666666667%;
        margin-right: 6.666666666666667%!important;
    }
    .features .feature:nth-child(2n+2) { margin-right: 0!important }

    .billboard {
        width: 100%;
        height: 600px;
        background: url('/img/balance768.jpg') no-repeat center center;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        overflow: hidden;
    }
    .cta {
        margin: 0 auto;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 2.2em;
    }

.cta h3 {
    color: #444;
    font-family: 'Lato',sans-serif;
    font-size: 1.5em;
    line-height: 1.6em;
    font-weight: 300;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: .6em;
    margin-bottom: .2em;
}       
    
.content h1 {
    
    font-size: 3em;
    padding-top: 1.6em;
    padding-bottom: .2em;

}    
    
.content h2 {
    color: #69b9a8;
    font-family: 'Josefin Sans',sans-serif;
    font-weight: 300;
    font-size: 3em;
    letter-spacing: 1px;
    padding-top: 1em;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.content h3 {
    color: #444;
    font-family: 'Lato',sans-serif;
    font-size: 1.5em;
    margin-top: 1.2em;
    line-height: 1.6em;
    font-weight: 300;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
}
     

.content h4 {
    color: #69b9a8;
    font-family: 'Josefin Sans',sans-serif;
    font-weight: 700;
    font-size: 1.2em;
    letter-spacing: 1px;
    width: 85%;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;    
}

.content h5 {
    color: #69b9a8;
    font-family: 'Josefin Sans',sans-serif;
    font-weight: 700;
    font-size: 1.1em;
    letter-spacing: 1px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;    
}
    
.content p {
    color: #444;
    font-family: 'Lato',sans-serif;
    font-size: .9em;
    margin-bottom: 1.2em;
    line-height: 2em;
    font-weight: 300;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}    

    
.two-col  {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.tokeeptogether ul {
    font-size: .9em;
    padding-left: 8%;
    padding-top: 1%;
    padding-bottom: 1.2em;
    
}    
    
    
.healthplan {
    width: 85%;
}
    
.practitioner {
    font-size: .9em;
    width: 80%;

}

 .rebecca, .room {
 width: 85%;
    
}  
    
    
    
 footer {

    font-size: .9em;
}    
    
footer ul {
    font-family: 'Lato',sans-serif;
    font-size: 1em;
    -moz-column-count: 2;
    -moz-column-gap: 15px;
    -webkit-column-count: 2;
    -webkit-column-gap: 15px;
    column-count: 2;
    column-gap: 15px;
    line-height: 3em;
    padding-top: 4%;
    padding-bottom: 2%;
    padding-left: 8%;
    width: 90%;
}
    
footer li.twitter {
    background-size: 45px 41px;
    padding-left: 5em;

}
footer li.facebook {
    background-size: 45px 41px;
    padding-left: 5em;

}
footer li.phone {
    background-size: 45px 41px;
    padding-left: 5em;

}
footer li.email {
    background-size: 45px 41px;
    padding-left: 5em;

}   
        
}

@media (max-width:48em) { 
    .features .feature {
        width: 100%;
        margin-right: 0!important;
    }
    .billboard {
        width: 100%;
        height: 410px;
        background: url('/img/balance768.jpg') no-repeat center center;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        overflow: hidden;
    }
    .billboard .caption {
        margin-left: auto;
        margin-right: auto;
        margin-top: 3.3em;
        width: 95%;
        text-align: center;
    }
    .billboard .caption h1 {
        font-size: 1.7em;
        /*    background: rgba(255, 255, 255, 0.6);*/
        padding-top: .5em;
    }
    .billboard .caption p { display: none }
    .cta {
        margin: 0 auto;
        padding-left: 3%;
        padding-right: 3%;
    }
    .circle1 h1,
    .circle2 h1,
    .circle2 h2,
    .circle3 h1 {
        font-size: 1.9em;
        line-height: 1em;
        letter-spacing: 1px;
    }
    .circle1 p,
    .circle2 p,
    .circle3 p {
        font-size: .8em;
        font-weight: 300;
        line-height: 1.1em;
    }
    
.button.down {
    margin-top: 1em;    
}

.content h1 {
    font-size: 2.8em;
    padding-top: 1.6em;
    padding-bottom: .2em;

}       
    
    
.content h2 {
    color: rgb(105, 185, 168);
    font-family: 'Josefin Sans',sans-serif;
    font-weight: 300;
    font-size: 2.8em;
    letter-spacing: 1px;
    padding-top: 1em;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.content h3 {
    color: #444;
    font-family: 'Lato',sans-serif;
    font-size: 1.5em;
    margin-top: 1.4em;
    line-height: 1.6em;
    font-weight: 300;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
}

.content h4 {
    color: #69b9a8;
    font-family: 'Josefin Sans',sans-serif;
    font-weight: 700;
    font-size: 1.3em;
    letter-spacing: 1px;
    width: 90%;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;    
}     

    .content h5 {
    color: #69b9a8;
    font-family: 'Josefin Sans',sans-serif;
    font-weight: 700;
    font-size: 1.2em;
    letter-spacing: 1px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;    
}    

.content p {
    color: #444;
    font-family: 'Lato',sans-serif;
    font-size: 1em;
    margin-bottom: 1.2em;
    line-height: 2em;
    font-weight: 300;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}        
   
.two-col  {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    
    -webkit-column-width: 15em; /* 20em wide */
    -webkit-column-gap: 1em;  /* 2em gap */
    -webkit-column-count: 1; /* 3 columns max! */

    -moz-column-width: 15em;
    -moz-column-gap: 1em;
    -moz-column-count: 1;

    -ms-column-width: 15em;
    -ms-column-gap: 1em;
    -ms-column-count: 1;

    column-width: 15em;
    column-gap: 1em;
    column-count: 1;    
} 
    
 .tokeeptogether {
    display: inline-block;
    width: 100%;
}   

.tokeeptogether ul {
    font-size: 1em;
    padding-left: 2em;
    padding-top: 1%;
    padding-bottom: 1.4em;

}  
    
.healthplan {
    width: 90%;
}

.practitioner {

    font-size: 1em;
    width: 85%;

}

 .rebecca, .room {
 width: 90%;
height: 20em;
    
}     
    
.info_details {
    display: block;
    width: 90%;
}

.info_details img {
    width: 300px;
    height: 98px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin-top; 1em;
}

.info_details p {
    color: #8a8b8b;
    font-family: 'Lato',sans-serif;
    font-weight: 300;
    font-size: .9em;
    letter-spacing: 1px;
    line-height: 1.6em;
        max-width: 100%;
    text-align: center;
    
}   


    
    
footer {

    font-size: .74em;
}    
    
footer ul {
    font-family: 'Lato',sans-serif;
    font-size: 1em;
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;
    line-height: 3em;
    padding-top: 4%;
    padding-bottom: 2%;
    padding-left: 6%;
    width: 90%;
}
    
footer li.twitter {
    background-size: 37px 34px;
    padding-left: 4em;

}
footer li.facebook {
    background-size: 37px 34px;
    padding-left: 4em;

}
footer li.phone {
    background-size: 37px 34px;
    padding-left: 4em;

}
footer li.email {
    background-size: 37px 34px;
    padding-left: 4em;

}       
    
}




@media (max-width:38em) { 
    .billboard .caption {
        margin-left: auto;
        margin-right: auto;
        margin-top: 2.3em;
        width: 80%;
        text-align: center;
    }
    .billboard .caption h1 {
        font-size: 1.8em;
        /*    background: rgba(255, 255, 255, 0.6);*/
        padding-top: 1em;
    }
    .billboard .caption p { display: none }

        .cta h2 {
        font-size: 2.6em;
        }

.cta h3, .cta h4 {
    font-size: 1.3em;
    width: 90%;
}  
    
    
    header .logo {
        margin-left: .4em;    
    }
    
    header .open { 
    margin-right: .4em;
    }    
    
    .col {
        float: left;
        margin-left: 20%;
        margin-right: 20%;
        width: 60%;
    }
    .circle1 h1,
    .circle2 h1,
    .circle2 h2,    
    .circle3 h1 {
        font-size: 2.2em;
        line-height: 1.1em;
        letter-spacing: 1px;
    }
    .circle1 p,
    .circle2 p,
    .circle3 p {
        font-size: .9em;
        font-weight: 300;
        line-height: 1.2em;
    }
    header ul.social { display: none }

.content h1 {
    width: 92%;

    font-size: 2.4em;
    padding-top: 1.8em;
    padding-bottom: .2em;

}       
    
    
.content h2 {

    font-size: 2.4em;

} 
    
.content h3 {

    font-size: 1.3em;

}     
    
.content_pic {
    display: block;
    width: 92%;
    height: 15em;
    background: url('/img/water768.jpg') no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}  
    
.content_sun {
    display: block;
    width: 92%;
    height: 15em;
    background: url('/img/sunflower768.jpg') no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}      
  
.content_expect {
    display: block;
    width: 92%;
    height: 15em;
    background: url('/img/yinyang768.jpg') no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}      

.content_map {
    display: block;
    width: 92%;
    height: 15em;
    background: url('/img/map768.jpg') no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}  

    .content_book {
    display: block;
    width: 92%;
    height: 15em;
    background: url('/img/bluebells768.jpg') no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}  

    .content_do {
    display: block;
    width: 92%;
    height: 15em;
    background: url('/img/daisy768.jpg') no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}  
          
 .rebecca {
     background: url('/img/rebecca760.jpg') no-repeat;
    height: 20em;
    
}   

 .room {

    margin-bottom: 1.2em;
}     
    
.tokeeptogether ul {
    font-size: 1em;

    padding-left: 1.2em;
    
}
  
    .practitioner {

    width: 81%;

}    
    footer {

    font-size: .8em;
}    
    footer ul {
    font-family: 'Lato',sans-serif;
    font-size: 1em;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
        
    line-height: 3em;
    padding-top: 10%;
    padding-bottom: 8%;
    padding-left: 5%;
    width: 100%;
    
}    
    
footer li.twitter {
    background-size: 35px 32px;
    padding-left: 4.4em;

}
footer li.facebook {
    background-size: 35px 32px;
    padding-left: 4.4em;

}
footer li.phone {
    background-size: 35px 32px;
    padding-left: 4.4em;

}
footer li.email {
    background-size: 35px 32px;
    padding-left: 4.4em;

}   
    
.info_details p {
    color: #8a8b8b;
    font-family: 'Lato',sans-serif;
    font-weight: 300;
    font-size: .9em;
    letter-spacing: 1px;
    line-height: 1.6em;

}
    
.info_details img {
    width: 250px;
    height: 82px;
}    
   
.button.down {
    margin-top: 1em;    
}
    
}
    
@media (max-width:20em) { 
.info_details p {

    font-size: .8em;


}
        .cta {

        padding-top: 2.3em;
    }
    
    .cta h3 {
        font-size: 1.5em;
        letter-spacing: 1px;
    }
    .cta p {
        font-size: .8em;
        margin-top: .3em;
        line-height: 2em;
    }
    .cta h4 { font-size: 1.5em }

    .circle1 p,
    .circle2 p,
    .circle3 p {
        font-size: .8em;
        font-weight: 300;
        line-height: 1.6em;
    }    
    
    .circle1 h1,
    .circle2 h1,
    .circle2 h2,    
    .circle3 h1 {
        font-size: 1.6em;
        line-height: 1em;
        letter-spacing: 1px;
    }
    
    .billboard .caption {
        margin-top: 2.6em;
        width: 80%;
    }
.info_details img {
    width: 200px;
    height: 66px;
}
    
.content_pic {
    display: block;
    width: 92%;
    height: 200px;
    background: url('/img/water768.jpg') no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}   
    
.content_sun {
    display: block;
    width: 92%;
    height: 200px;
    background: url('/img/sunflower768.jpg') no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
} 

.content_expect {
    display: block;
    width: 92%;
    height: 200px;
    background: url('/img/yinyang768.jpg') no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}     

.content_map {
    display: block;
    width: 92%;
    height: 200px;
    background: url('/img/map768.jpg') no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}     

    
.content_do {
    display: block;
    width: 92%;
    height: 200px;
    background: url('/img/daisy768.jpg') no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}     

    
.content_book {
    display: block;
    width: 92%;
    height: 200px;
    background: url('/img/bluebells768.jpg') no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}     

 .rebecca {
     background: url('/img/rebecca400.jpg') no-repeat;
    height: 15em;
    
}      
    
 .room {
     background: url('/img/room400.jpg') no-repeat;
    height: 15em;
    
}    
.content h1 {

    font-size: 2.2em;

    padding-top: 2.1em;
    padding-bottom: .2em;

}       
    
    
.content h2 {

    font-size: 2.2em;

}    
 
.content h3 {

    font-size: 1.3em;
    margin-top: 1.2em;
    line-height: 1.6em;
    font-weight: 300;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.8em;
}    
    
.practitioner {
    width: 78%;
}    

    
    
}
/*
    background-color: #ffffff;
    border: 1px solid black;
    opacity: 0.6;
    filter: alpha(opacity=60);  For IE8 and earlier     
*/