@charset "utf-8";
header {
    background-color: #3f403f;
    margin-top: 31px;
    height: 80px;
    max-height: 80px;
}
.H-Blue {
    background-color: #93dbe0;
    text-align: center;
    font-style: normal;
    font-weight: bold;
}

.image-grid {
}
.col {
    margin-left: 1%;
    margin-top: 2%;
    margin-right: 1%;

}


.logo {
    margin-top: -13px;
    margin-left: 25px;
}
.col-lg {
    width: 31.3%;
}
.clear-float {
    clear: both;
    content: "";
    display: block;
}


nav {
    float: right;
    list-style-type: none;
    margin-top: -88px;
}

.mobile-view {
    display: none;
}
h1 {
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    font-size: 58px;
    color: #F6F5F3;
    margin-top: 60px;
}
.contact-us-icon {
    float: left;
}


.desktop-view {
    list-style-type: none;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    color: #eae1c7;
}
.expand {
}
.float-left {
    vertical-align: middle;
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
}
.float-right {
    float: right;
}


.desktop-view ul {
    text-align: center;
}
.desktop-view ul li {
    text-align: center;
    list-style-type: none;
    display: inline-block;
    vertical-align: middle;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}
.desktop-view ul .btn-white a {
    text-decoration: none;
    color: #eae1c7;
}

.btn-white {
    background-color: #3f403f;
		
}
.container {
    max-width: 1200px;
    left: auto;
    right: auto;
    margin-left: auto;
    margin-right: auto;
    color: #3f403f;
    justify-content: center;
    font-family: raleway;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    text-transform: none;
}
.container-header {
    max-width: 1200px;
    left: auto;
    right: auto;
    margin-left: auto;
    margin-right: auto;
    color: #F6F5F3;
    justify-content: center;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    padding-top: 5px;
}
body {
    font-family: raleway;
    font-style: normal;
    font-weight: bold;
    background-color: #eae1c7;
    padding-top: 0px;
    min-height: 800px;
    color: #3F403F;
    text-transform: none;
}
.hero-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0%;
    background-image: url(images/Joy-of-mindfulness-hero.jpg);
    height: 420px;
    left: auto;
    top: 0px;
    padding-top: 5px;
}
.hero-image1 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0%;
    background-image: url(images/mindfulness-joy-of-mindfulness-hero-image.jpg);
    height: 420px;
    left: auto;
    top: 0px;
    padding-top: 5px;
}
.hero-image2 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0%;
    background-image: url(images/Laughter-Yoga-Joy-of-mindfulness-hero.png);
    height: 420px;
    left: auto;
    top: 0px;
    padding-top: 5px;
}
h2 {
    text-align: center;
    color: #3f403f;
    font-size: 36px;
    text-decoration: none;
}


.paragraph-home-36px {
    color: #F6F5F3;
    font-size: 36px;
    text-align: center;
    padding-top: 0px;
    margin-top: -17px;
    text-decoration: none;
}
.paragraph-home-30px   {
    color: #3f403f;
    text-align: justify;
    font-size: 26px;
    font-family: raleway;
    font-style: normal;
    text-decoration: none;
    list-style-position: inside;
    font-weight: bold;
}
.paragraph-home-quote   {
    color: #eae1c7;
    text-align: center;
    font-size: 20px;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    text-decoration: none;
}
.responsive-image {
    width: 100%;
    height: auto;
    display: block;
    /* [disabled]margin-top: 3px; */
}
.responsive-image-max {
    width: 100%;
    height: auto;
    display: block;
    /* [disabled]margin-top: 3px; */
    max-width: 420px;
}

.text-list {
    color: #3f403f;
    font-family: raleway;
    font-style: Bold;
    font-weight: 100;
    text-align: left;
    font-size: 26px;
}

.container-greyscale   {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #566885;
    background-position: 0% 0%;
    margin-top: -5px;
    text-align: center;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    color: #F6F5F3;
    text-decoration: none;
}

footer {
    margin-top: 11px;
}
.imagebox {
    margin-left: 15px;
    margin-top: -15px;
    margin-bottom: -15px;
    margin-right: 15px;
    max-width: 381px;
    max-height: 224px;
}
.container-800px {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    color: #F6F5F3;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    text-align: center;
    font-size: 28px;
    text-decoration: none;
}
h5 {
    color: #3f403f;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    font-size: 36px;
    text-align: left;
    margin-top: -7px;
    margin-bottom: -12px;
}
h3 {
    color: #3f403f;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    font-size: 36px;
    text-align: left;
    margin-top: -7px;
    margin-bottom: -12px;
}
h4 {
    color: #3f403f;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    font-size: 36px;
    text-align: left;
    margin-top: -7px;
    margin-bottom: -12px;
}
h6 {
    color: #F6F5F3;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    font-size: 0px;
    margin-bottom: -15px;
}
.col-2 {
    width: 48%;
    margin-right: 5px;
    margin-left: 5px;
}
.image-grid1 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
}
.form-box {
    max-width: 400px;
    color: #222A4F;
    text-align: center;
    background-color: #F6F5F3;
    background-position: 0% 0%;
    background-size: 105% 105%;
    padding-top: 12px;
    padding-bottom: 12px;
    left: auto;
    right: auto;
    vertical-align: middle;
    -webkit-box-shadow: 5px 5px 19px #566885;
    box-shadow: 5px 5px 19px #566885;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    margin-left: auto;
    margin-right: auto;
}
.form-box-input   {
    font-family: raleway;
    font-style: normal;
    font-weight: 200;
    color: #222A4F;
    font-size: large;
    text-align: center;
    text-shadow: 0px 0px #222A4F;
}
.card-body .card-text p {
    margin-top: 24px;
}
.text-container {
    max-width: 800px;
    background-color: #3f403f;
    text-align: center;
    font-style: italic;
}
.text-cont-right {
    max-width: 400px;
}
.infographic-responsive {


}
.header-Dark   {
    color: #3f403f;
}































@media (max-width: 531px){
.desktop-view {
    display: none;
    list-style-type: none;
}
.mobile-view {
    display: block;
    margin-top: 33px;
    margin-right: 28px;
}
.expand {
    display: block;
    position: absolute;
    right: 8px;

}
.desktop-view ul li {
    text-align: center;
    list-style-type: none;
    display: block;
    vertical-align: middle;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}
.desktop-view ul {
    text-align: center;
    margin-top: 20px;
    margin-right: 0px;
    padding-left: 0px;
}
.contact-us-icon {
    float: left;

}
h1 {
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    color: #F6F5F3;
    margin-top: 29px;
    font-size: 54px;
    text-align: left;
}
.col-xs {
    width: 98%;
    margin-top: 1%;
    margin-right: 1%;
    margin-bottom: 1%;
    margin-left: 1%;
}
.container-800px {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    color: #F6F5F3;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    text-align: center;
    font-size: 16px;
    margin-top: -20px;
}
.container-greyscale {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    background-color: #566885;
    background-position: 0% 0%;
    margin-top: -5px;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    color: #F6F5F3;
    font-size: 26px;
}
.paragraph-home-30px {
    color: #3f403f;
    font-size: 16px;
    text-align: justify;
}
.imagetext {
    margin-top: 10px;
}
h3 {
    color: #3f403f;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    font-size: 20px;
    text-align: left;
    margin-bottom: -12px;
    margin-top: -7px;
}
h2 {
    color: #3f403f;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    font-size: 20px;
    text-align: left;
    margin-bottom: -12px;
    margin-top: -7px;
}
h4 {
    color: #3f403f;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    font-size: 20px;
    text-align: left;
    margin-bottom: -12px;
    margin-top: 0px;
}
h5 {
    color: #3f403f;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    font-size: 20px;
    text-align: left;
    margin-bottom: -12px;
    margin-top: 0px;
}
.card-text {
    position: relative;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0.8em;
    padding: 0;
    color: #F6F5F3;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    font-size: 12px;
}
.card-body {
    width: 12em;
    max-height: 100%;
    flex: 1 1 auto;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    padding-top: 0.5em;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
}
.card img {
    height: 100%;
    max-width: 14.5em;
    -o-object-fit: cover;
    object-fit: cover;
    flex: 1 1 auto;
}
.text-list {
    color: #3f403f;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    text-align: left;
    font-size: 16px;
}























}

@media (max-width: 820px) and (min-width: 532px){
.desktop-view {
    display: none;
    position: absolute;
    right: 5px;

}
.mobile-view {
    display: block;
    margin-top: 33px;
    margin-right: 59px;
}
.expand {
    display: block;
    position: absolute;

}
.desktop-view ul li {
    text-align: center;
    list-style-type: none;
    display: block;
    vertical-align: middle;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}
.desktop-view ul {
    text-align: center;
    margin-top: 22px;
    padding-left: 0px;
}
h1 {
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    color: #F6F5F3;
    margin-top: 73px;
    font-size: 54px;
    text-align: left;
}
.contact-us-icon {
    float: right;
    margin-top: -17px;
}
.col-md {
    width: 48%;
    padding-top: 0px;
}
.container-800px {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    color: #F6F5F3;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    text-align: center;
    font-size: 16px;
    margin-top: -16px;
}
.container-greyscale {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    background-color: #566885;
    background-position: 0% 0%;
    margin-top: -5px;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    color: #F6F5F3;
    font-size: 26px;
}
.paragraph-home-30px {
    color: #3f403f;
    font-size: 16px;
    text-transform: none;
    font-weight: bold;
    text-align: justify;
}
.imagetext {
    margin-top: 10px;
}
h3 {
    color: #F6F5F3;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    font-size: 26px;
    text-align: left;
    margin-bottom: -12px;
    margin-top: -7px;
}
h2 {
    color: #F6F5F3;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    font-size: 26px;
    text-align: left;
    margin-bottom: -12px;
    margin-top: -7px;
}
.h3format {
    color: #F6F5F3;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    font-size: 26px;
    text-align: left;
    margin-bottom: -12px;
    margin-top: -7px;
}
h4 {
    color: #F6F5F3;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    font-size: 26px;
    text-align: left;
    margin-bottom: -12px;
}
h5 {
    color: #F6F5F3;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    font-size: 26px;
    text-align: left;
    margin-bottom: -12px;
}
.card-text {
    position: relative;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0.8em;
    padding: 0;
    color: #F6F5F3;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
}
.card img {
    height: 100%;
    max-width: 19.5em;
    -o-object-fit: cover;
    object-fit: cover;
    flex: 1 1 auto;
}
.text-list {
    color: #3f403f;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
    text-align: left;
    font-size: 16px;
}
.H-Blue {
    background-color: #93dbe0;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    color: #3f403f;
}











}
.resp {
}
.h2 {
}
.pa {
}
.h3 {
}

.card {
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    height: 15em;
    max-width: 64em;
    flex: 1 1 auto;
    display: flex;
    background-color: #93dbe0;
    box-shadow: 2px 2px 3px #37B7C0;
    vertical-align: middle;
    -webkit-box-shadow: 2px 2px 3px #37B7C0;
}
.card1 {
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    height: 15em;
    max-width: 64em;
    flex: 1 1 auto;
    display: flex;
    background-color: #92E3BE;
    box-shadow: 2px 2px 3px #37B7C0;
    vertical-align: middle;
    -webkit-box-shadow: 2px 2px 3px #37B7C0;
}
.card img {
    height: 100%;
    max-width: 15.5em;
    -o-object-fit: cover;
    object-fit: cover;
    flex: 1 1 auto;
}

.card-body {
    width: 12em;
    max-height: 100%;
    flex: 1 1 auto;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    padding-top: 0.5em;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
}

.card-body button {
    min-width: 5em;
    flex: none;
    align-self: flex-start;
    margin-top: auto;
    padding: 0.6em 1.2em;
    font-size: 0.92em;
    color: #404646;
    background: none;
    border: 0.5px solid #777;
    border-radius: 2px;
    float: right;
}
.card-body button:hover {
  border-color: #d099a0;
}

.card-text {
    position: relative;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0.8em;
    padding: 0;
    color: #3f403f;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
}
.card-body-card-text-p {
}

.card-text1 {
    position: relative;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0.8em;
    padding: 0;
    color: #F6F5F3;
    font-family: raleway;
    font-style: normal;
    font-weight: 100;
}
.card-text h3, .card-text p {
  margin-top: 0;
}
.card-text:after {
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    height: 2.8em;
    background: linear-gradient(#7D8FAB,);
}

a {
  color: #d07777;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/*Update | Contact Us*/
.send_form{margin:45px auto;background-color:#93dbe0;box-shadow:2px 2px 3px #37b7c0;vertical-align:middle;-webkit-box-shadow:2px 2px 3px #37b7c0;padding:0px 30px 30px;-webkit-box-sizing:border-box;box-sizing:border-box}
.form_box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}
.form_col{width:100%;max-width:33.33%;padding-left:10px;padding-right:10px;margin-top:25px;-webkit-box-sizing:border-box;box-sizing:border-box}
.form_col_full{max-width:100%}
.form_input,.form_textarea{color:#3f403f;font-size:26px;font-family:raleway;font-style:normal;text-decoration:none;font-weight:700;width:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}
.form_input label,.form_textarea label{display:block;margin-bottom:10px;-webkit-box-sizing:border-box;box-sizing:border-box}
.form_input input,.form_textarea textarea{background-color:#eae1c7;color:#3F403F;border:0;padding:12px 15px;display:inline-block;width:-webkit-fill-available;font-size:20px;-webkit-box-sizing:border-box;box-sizing:border-box}
.form_checkbox input{display:none;-webkit-box-sizing:border-box;box-sizing:border-box}
.form_checkbox label{margin:0;padding-left:45px;margin-bottom:0px;position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:20px;min-height:30px;line-height:30px;cursor:pointer}
.form_checkbox label:after,.form_checkbox label:before{content:'';position:absolute;left:0;top:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.form_checkbox label:before{width:30px;height:30px;background:transparent;border:4px solid #eae1c7;-webkit-box-sizing:border-box;box-sizing:border-box}
.form_checkbox label:after{width:4px;height:10px;border:3px solid;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);left:11px;top:7px;border-top:0;border-left:0;opacity:0}
.form_checkbox input:checked ~ label:after{opacity:1}
.form_checkbox input:checked ~ label:before{background-color:#eae1c7}
.form_textarea textarea{height:180px;resize:vertical}
.form_send_btn{margin-top:15px;width:100%;display:block;padding:15px;font-size:.92em;color:#404646;background:none;border:.5px solid #777;border-radius:2px;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.form_send_btn:hover{color:#d099a0;background:#3f403f}
.form_checkbox {display:inline-block;padding-left:10px;padding-right:10px;margin-top:15px;}
@media all and (max-width: 768px){
    .send_form{padding:0px 0 30px}
    .form_col{max-width:100%}
    .form_input, .form_textarea,.form_input input, .form_textarea textarea,.form_checkbox label{font-size:16px}
}