/* @import url('http://example.com/example_style.css'); */
@font-face { font-family: 'Lumios brush';  src:url('https://www.myfamilytouchstone.com/hubfs/lumiosbrush-regular-webfont.woff') format('woff'), url('https://www.myfamilytouchstone.com/hubfs/lumiosbrush-regular-webfont.woff2') format('woff2');}


/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/




* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
a {text-decoration:none; font-weight: 700; color: #9EC3D7}
body { font-family: 'Inter', sans-serif; }
.hs-tools-menu img.hs-sprocket {display:none!important; visibility:hidden}
.hs-tools-menu  {visibility: hidden}
/* ONE OFFS */
.main-header-p {width: 80%}
.highlight {background: url('https://21977186.fs1.hubspotusercontent-na1.net/hubfs/21977186/primary-brush@100x.png');background-repeat: no-repeat;background-size: 100% 45%;padding: 0 5px 0 0; background-position-y:45px; }
.highlight-nav {border-bottom: 3px solid #9EC3D7; transition: border-bottom 0.2s; font-weight: 700!important; }


.highlight-h3 {background: url('https://21977186.fs1.hubspotusercontent-na1.net/hubfs/21977186/primary-brush@100x.png');background-repeat: no-repeat; background-size: 100% 63%;padding: 0 5px 0 0; background-position-y:21px; }
.highlight-video {background: url('https://21977186.fs1.hubspotusercontent-na1.net/hubfs/21977186/video-highlight@100x.png');background-repeat: no-repeat; background-size: 100% 63%;padding: 0 5px 0 0; background-position-y:38px; }
.highlight-podcast {background: url('https://21977186.fs1.hubspotusercontent-na1.net/hubfs/21977186/podcast-highlight@100x.png');background-repeat: no-repeat; background-size: 100% 63%;padding: 0 5px 0 0; background-position-y:38px; }
.highlight-books {background: url('https://21977186.fs1.hubspotusercontent-na1.net/hubfs/21977186/books-highlight@100x.png');background-repeat: no-repeat; background-size: 100% 63%;padding: 0 5px 0 0; background-position-y:38px; }
.highlight-h1 {background: url('https://21977186.fs1.hubspotusercontent-na1.net/hubfs/21977186/primary-brush@100x.png');background-repeat: no-repeat;background-size: 100% 45%;padding: 0 5px 0 0; background-position-y:50px; }
.highlight-h1-secondary {background: url('https://21977186.fs1.hubspotusercontent-na1.net/hubfs/21977186/highligh-secondary@100x.png');background-repeat: no-repeat;background-size: 100% 45%;padding: 0 5px 0 0; background-position-y:50px; }
.highlight-h1-opaque {background: url('https://21977186.fs1.hubspotusercontent-na1.net/hubfs/21977186/brush3-1.png');background-repeat: no-repeat;background-size: 100% 45%;padding: 0 5px 0 0; background-position-y:50px; }
.highlight-sand {background: url('https://21977186.fs1.hubspotusercontent-na1.net/hubfs/21977186/brush-sand.png');background-repeat: no-repeat;background-size: 100% 45%;padding: 0 5px 0 0; background-position-y:45px; }
#home .half {margin-bottom: 10%; margin-left: 7%}
#home-bg {background-position: center center; background-repeat: no-repeat; background-size:cover;background-image: url('https://21977186.fs1.hubspotusercontent-na1.net/hubfs/21977186/mft-bg-test-4.png')}
#home .col img {margin-bottom: -15%; margin-top: 40px}
#home-list {padding-bottom: 80px;}
#there-is-hope {margin-top: 0px; margin-bottom: 0px}
#who-we-serve {margin-top: 0px}
#how-we-serve {margin-bottom: 40px}
.fixed {background-attachment: fixed}

.mid-w {max-width: 1140px!important}
.margin-top {margin-top:150px}
#about-us {margin-top:0px}
#our-philosophy {width: 100%; background: rgba(160, 160, 150, 0.15); margin-top:80px; padding-top:80px; padding-bottom: 60px; margin-bottom: 80px}
#our-philosophy h2 {margin-top:0px; }
#our-philosophy h4 {}
#our-philosophy p {}
#seo-h1 {font-size: 60px}
.mobile-who-we-serve {display:none}
#what-this-isnt {background:rgba(160,160,150,.15); padding-top: 80px; padding-bottom: 80px}
#resources-for-you {margin-top: 0px}
.little-stone-bullet {height: 12px; margin-right: 10px}
.med-stone-bullet {height: 20px; margin-right: 10px}
.gg-arrow-right-o {box-sizing: border-box;position: relative;display: block;width: 40px;height:25px;border: 2px solid #5A8282;transform: scale(var(--ggs,1));border-radius: 20px; margin: 0 auto;margin-bottom: 20px;background: white}
.gg-arrow-right-o:hover {box-sizing: border-box;position: relative;display: block;width: 40px;height:25px;border: 2px solid #5A8282;transform: scale(var(--ggs,1));border-radius: 20px; margin: 0 auto;margin-bottom: 20px;background: rgba(90, 130, 130, 0.2);}
.gg-arrow-right-o::after,
.gg-arrow-right-o::before {content: "";display: block;box-sizing: border-box;position: absolute;right: 9px}
.gg-arrow-right-o::after {width: 6px;height: 6px;border-top: 2px solid #5A8282;border-right: 2px solid #5A8282;transform: rotate(45deg);bottom: 7px}
.gg-arrow-right-o::before {width: 16px;height: 2px;bottom: 9px;background: #5A8282}

/* FONT */
.hero {font-weight:700; font-size: calc(60px + (80 - 60) * ((100vw - 320 * 1px) / (1920 - 320)))!important;margin: 30px 0px; color:#1F313D}
h1 {font-size: 64px; font-weight: 700; color: #1F313D; margin: 40px 0 40px 0}
h2 {font-size: 60px;color: #1F313D; font-weight: 700; margin: 40px 0 40px 0}
h3 {font-size: 35px;color: #1F313D}
h4 {font-size: 21px;color: #1F313D; font-weight: 700; margin: 10px 0px}
p {font-weight: 400; color: rgba(0,0,0,64%); font-size: 16px; line-height: 1.5rem }

/* BUTTONS */
.btn-primary {border-radius: 25px; background: #9EC3D7; padding: 15px 30px;color: white;transition: 0.3s; border: 2px solid #9EC3D7}
.btn-secondary {border-radius: 25px; background: white; padding: 15px 30px;color: white; color: rgba(0,0,0,80%);transition: 0.3s; border: 2px solid #9EC3D7 }
.btn-primary:hover {cursor:pointer;transform: translateY(-0.25rem);box-shadow: 0 0 11px rgba(33,33,33,.2);}
.btn-secondary:hover {cursor:pointer;transform: translateY(-0.25rem);box-shadow: 0 0 11px rgba(33,33,33,.2);box-shadow: 0 0 11px rgba(33,33,33,.2);}
.left-marg {margin-left: 10px}
.right-marg {margin-right: 10px}
button a {text-decoration:none; color:#1F313D}

/* CENTERING */
.page-center { float: none; max-width: 1340px; margin: 0 auto; padding: 0 20px; width: 100%; box-sizing: border-box; }
.center {text-align:center}

/* PADDING */
.small-p {padding: 20px 0px}
.med-p {padding: 40px 0px}
.large-p {padding: 80px 0px}
.none {padding: 0}

/* NAV */
#mobile-nav {display:none}
.nav {max-width: 1340px; margin: 0 auto; display: flex; flex-direction:row; justify-content: space-between; padding: 20px; align-items:center }
.nav img {width: 80px}
.nav ul {display: flex; flex-direction:row; align-items:center}
.nav ul li {list-style:none; padding:0px 30px;color: rgba(0,0,0,80%); font-size: 16px }
.nav #schedule-nav {margin-left: 50px}
#schedule-nav .highlight-nav {padding:-bottom: 0px!important; border-bottom: 0px!important}
.logo-div {display: flex; align-items:center }
.logo-div p {margin-left: 10px; font-weight: 700; font-size: 30px; color:#5A8282;font-family: "Lumios brush"; translate: 0 4px;}
.nav a {text-decoration:none; color: rgba(0,0,0,80%); font-weight: 500; padding-bottom: 10px}
.scroll-nav {border-radius: 10px;transform: translateX(-50%);;max-width: 1140px; display: flex; flex-direction:row; left:50%;justify-content: space-between; padding: 10px; align-items:center;position:fixed;transition: top 0.4s ease; top:-90px; }
.scroll-nav.active { transform: translateX(-50%);z-index:99; background:white;transition: top 0.4s ease;position:fixed;  left:50%; top:10px;  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.scroll-nav img {width: 80px}
.scroll-nav ul {display: flex; flex-direction:row; align-items:center}
.scroll-nav ul li {list-style:none; padding:0px 30px;color: rgba(0,0,0,80%); font-size: 16px }
.scroll-nav #schedule-nav {margin-left: 0px}
.scroll-nav #schedule-nav .highlight-nav {padding:-bottom: 0px!important; border-bottom: 0px!important}
.scroll-nav .logo-div {display: flex; align-items:center }
.scroll-nav .logo-div p {margin-left: 10px; font-weight: 700; font-size: 20px; color:#5A8282;display:none}
.scroll-nav a {text-decoration:none; color: rgba(0,0,0,80%); font-weight: 500; padding-bottom: 10px}


/* 2 COL  */
.two-col-wrapper {align-items:center; display: flex; flex-direction:row}
.two-col-wrapper img {height: 950px; width: 100%; object-fit:cover }
.half {max-width: 50%}
.two-thirds {max-width: 70%}
.one-thirds {max-width: 30%}
.almost-max {max-width: 90%}

/* CARDS */
.wrapper {height: 600px;width: 100%;position: relative;overflow: hidden;margin: 0 auto;margin-bottom: 40px;}
.button-wrapper { width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: flex-start; margin-bottom: -50px; z-index:3; position:relative}
.carousel {margin: 0;padding: 0;list-style: none;width: 100%;display: flex;position: absolute;left: 0;transition: all 1s ease;}
.card {min-width: 100%;height: 600px;margin-right: 1rem;display: inline-block;}
.principle-content {display: flex; flex-direction: row; width: 100%; align-items:center; justify-content:center;margin: 60px 0 0 0}
.principle-content .copy { border-radius: 4px;width: 30%;position:relative; z-index: 2; background: #5A8282; padding: 20px; margin-right: -200px }
.principle-content .copy p { color: white}
.principle-content .img-wrapper {width: 60%; height: 500px;position:relative; z-index: 1;overflow:hidden}
.principle-content img {object-fit:cover; height: 100%;width: 100%; border-radius: 4px;transition: 0.2s ease}
.principle-content img:hover {transform: scale(1.1)}
.card h3 {text-align:center; color: #5A8282; max-width: 90%; margin: 0 auto}
.button-wrapper button svg {width: 35px}
.button-wrapper button svg:hover {cursor: pointer; fill: #5A8282}

/*  LISTS */
.list-wrapper {display: flex; flex-direction: column; justify-content:center; }
.list-item {display: flex; flex-direction: row; align-items: center; justify-content:center; padding: 0 0 40px 0 }
.list {max-width: 900px; display: flex; flex-direction: column; margin: 0 auto; align-items: flex-start}
.list-item .svg svg {width: 35px; height: 35px; margin-right: 20px}

/* FORM */


#hs_form_target_widget_1652983987598 {padding-top: 0px;padding-bottom: 80px;}
form {max-width: 1340px; margin: 0 auto; padding: 20px; position: relative; }
form fieldset { max-width: 100%!important; }
form ul { list-style-type: none; padding: 0; margin: 2px 0 10px 0;  }
form fieldset.form-columns-2 .hs-form-field { width: 50%!important; box-sizing: border-box;}
form fieldset.form-columns-1 .hs-form-field { width: 100%!important; box-sizing: border-box; }
form input[type="checkbox"] {width: max-content!important }
form input, form select, textarea { width: 100%!important; } 
/* form fieldset.form-columns-1 .hs-input { width: 100%!important; } */
form input, form select, textarea { border: 2px solid rgba(0,0,0,44%); border-radius: 7px; padding: 15px; width: 100%; box-sizing: border-box; background:white  }
form input:focus , form select:focus , textarea:focus {border: 2px solid #9EC3D7}
form .legal-consent-container p { font-size: .8em; margin: 20px 0 0 0; max-width: 700px; }
form input[type="submit"] { padding: 15px 50px; border-radius: 9px;  margin: 20px 0 0 0; width: auto; cursor: pointer; transition: .2s; font-weight: 700; border: 0; box-shadow: none; }
form input[type="submit"]:hover { transition: .2s; }
label { font-size: 16px; margin: 15px 0 5px 0; display: block;color: #1F313D }
textarea {padding-bottom: 20px; padding-top: 20px; font-family: "Inter", sans-serif}
.hs-error-msg, .hs-error-msgs, .hs-form-required { color: red; }
.legal-consent-container .hs-error-msgs label { color: #1F313D; }
form select { -webkit-appearance: none; }
form fieldset ul p { color: #1F313D; }
form input, .standardForm form select, .standardForm form textarea { background-color: ; color: ;    }
form input[type="submit"] {  background-color: #9EC3D7;  color: white;  -webkit-appearance: none; width: 100%}

.hs-form-1a52d6b0-d300-49c7-9ecd-7c63f55a183d_b38d35b1-453b-4d8b-80e1-f7cbbf1ea7f5 fieldset.form-columns-1 input[type=checkbox] {width: max-content!important}
form input[type="submit"]:hover {  background-color: ;  color: ;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
  -webkit-text-fill-color: #1F313D;  -webkit-box-shadow: 0 0 0px 1000px #f2f2f2 inset;  transition: background-color 5000s ease-in-out 0s }
  form h2 {margin-top: 0px}
input:-internal-autofill-selected {background-color: white}
/* /FULL WIDTH  */
.full-width-mod {;margin: 80px 0px;width: 100%; background-size: cover; background-position: center center; min-height: 300px; display: flex; flex-direction:row; align-items:center; justify-content:center; position:relative}
.overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: rgba(0,0,0,25%)}
.full-width-mod .copy {position:relative; z-index:2}


/* ANIMATION */
.words-wrapper {display: flex;font-weight: 700; font-size: 28px; height: 45px; justify-content:center; margin-bottom: -20px; padding: 0px 0px }
.words-wrapper p {display: inline; line-height: 1.19; font-weight: 700; font-size: 28px; color: white}
.words-wrapper span {display: block;padding-left: 10px; height: 100%; width: max-content;animation: spin_words 30s infinite; color: white; }
.words {overflow:hidden}
@keyframes spin_words {
  0% {
    transform: translateY(0%)
  }
  10% {
    transform: translateY(-100%)
  }
  20% {
    transform: translateY(-100%)
  }
  30% {
    transform: translateY(-200%)
  }
  40% {
    transform: translateY(-200%)
  }
  50% {
    transform: translateY(-300%)
  }
  60% {
    transform: translateY(-300%)
  }
  70% {
    transform: translateY(-400%)
  }
  80% {
    transform: translateY(-400%)
  }
  90% {
    transform: translateY(-500%)
  }

  100% {
    transform: translateY(-500%)
  }
}

/* PILLARS */

.cards-wrapper {width: 100%;background: #9EC3D7; }
.pillars {display: flex; flex-wrap: wrap; justify-content: space-between; }
.pillar {max-width: 30%; box-sizing: border-box; margin: 40px 0px}
.pillar .header {display: flex; align-items:center }
.pillar .header svg {width: 40px; height: 40px; margin-right: 15px}
.pillar .body p {margin: 20px 0px; }

/* pillar2-col */

.cards-wrapper-2{width: 100%;padding-bottom: 80px;background-size: cover; background-position: center center;}
.cards-wrapper-2 .page-center h2 {text-align:center}
.pillars-2-col {display: flex; ;flex-wrap: wrap; justify-content: center;background: white;position: relative;border-radius: 10px; }
.pillars-2-col .pillar {max-width:30%; width: 30%; box-sizing: border-box; margin: 40px 20px;border-radius: 10px;box-shadow: 2px 2px 12px rgba(0, 41, 64, 0.12);}
.pillars-2-col .pillar .img {overflow:hidden;border-top-right-radius: 10px;border-top-left-radius: 10px;height: 200px}
.pillars-2-col .pillar img {;width: 100%; height: 100%;  border-top-right-radius: 10px;border-top-left-radius: 10px; transition: 0.3s; object-fit:cover}
.pillars-2-col .pillar .body {padding:20px}
.pillars-2-col .pillar .body p {color: rgba(0,0,0,64%); margin: 0!important}
.pillars-2-col .pillar .body h4 {margin: 0 0 10px 0}
#price-packages {flex-direction:column; width: 100%; align-items:center}
.prices-pillars-2-col {display: flex; flex-wrap: wrap; justify-content: center;position: relative;border-radius: 10px; }
.prices-pillars-2-col .pillar {background: white; height: max-content; max-width:1140px; box-sizing: border-box; margin: 20px 20px;border-radius: 10px;}
.prices-pillars-2-col .pillar .img {overflow:hidden;border-top-right-radius: 10px;border-top-left-radius: 10px;height: 200px}
.prices-pillars-2-col .pillar img {width: 100%; height: 100%;  border-top-right-radius: 10px;border-top-left-radius: 10px; transition: 0.3s; object-fit:cover}

.prices-pillars-2-col .pillar .body {padding:20px}
.prices-pillars-2-col .pillar .body p {color: rgba(0,0,0,64%); margin: 0!important}
.prices-pillars-2-col .pillar .body h4 {margin: 0 0 10px 0}
.prices-pillars-2-col .pillar .pricing-more-one {width: 100%; display: flex; justify-content:center; padding:20px 0px}
.prices-pillars-2-col .pillar .pricing-more-two {width: 100%; display: flex; justify-content:center; padding:20px 0px}
.prices-pillars-2-col .pillar  .i:hover {cursor: pointer}

.pricing-more-text {max-height: 0px;overflow:hidden; transition: max-height .25s, opacity 0s; padding: 0px;opacity:0 }
.pricing-more-text.open {opacity: 1;padding:20px; max-height: 500vh}
.pricing-more-text.open h3 {color:#5A8282}
.text-more {margin-right: 10px}
.more-text-list-item {background:rgba(158,195,215,0.17) ;padding: 15px; border-radius: 10px}

.gg-add {box-sizing: border-box;position: relative;display: block;width: 22px;height: 22px;border: 2px solid;transform: scale(var(--ggs,1));border-radius: 22px}
.gg-add::after,
.gg-add::before {content: "";display: block;box-sizing: border-box;position: absolute;width: 10px;height: 2px;background: currentColor;border-radius: 5px;top: 8px;left: 4px}
.gg-add::after {width: 2px;height: 10px;top: 4px;left: 8px}

.gg-close-o {box-sizing: border-box;position: relative;display: block;transform: scale(var(--ggs,1));width: 22px;height: 22px;border: 2px solid;border-radius: 40px}
.gg-close-o::after,
.gg-close-o::before {content: "";display: block;box-sizing: border-box;position: absolute;width: 12px;height: 2px;background: currentColor;transform: rotate(45deg);border-radius: 5px;top: 8px;left: 3px}
.gg-close-o::after {transform: rotate(-45deg)}


/* RESOURCES */

.recources-wrapper .page-center  h2 {text-align:center}
.resources .resource-card { box-sizing: border-box;  display: flex; flex-direction:column; margin: 20px 0;max-width:100%;background:rgba(158,195,215,0.17);position:relative;width: 100%; max-height: 400px; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;border-top-right-radius: 10px;border-top-left-radius: 10px }
#videos .resource-card {background:#5a828221}
#videos .resource-card:hover {background:white}
#podcasts .resource-card {background: #dea67f26}
#podcasts .resource-card:hover {background: white}
.resources .resource-card .body {padding: 20px; overflow: hidden} 
.resources {display: flex;margin: 0 auto; justify-content: flex-start; max-width: 1140px}
.resources .column {margin: 20px;max-width:30%;width: 30%;box-sizing: border-box; flex-wrap: wrap; display: flex; flex-direction:column }
.resources .column .resource-card .body {padding: 20px}
.resources .resource-card .icon { margin-bottom:15px; display: flex; justify-content:center}
.icon img {height: 30px; margin: 0px 10px}
.icon svg {height: 30px; margin: 0px 10px}
.spotify:hover {fill:#1DB954}
.apple:hover {fill:#9933CC}
.ted:hover {fill:#E62B1E}
.youtube:hover {fill:#FF0000}
.resources .resource-card:hover { transition: all 0.1s ease-out;box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);transform: translateY(-4px);cursor: pointer;background: white;}
#scheduler {margin-top: 80px;padding-bottom: 40px; }
#scheduler iframe {height: 900px!important}
/* FOOTER */
.footer {padding: 50px 0px; }
@media (max-device-width: 1500px) {
  .two-col-wrapper img {margin-left: -8%; height:800px; width: 100%; object-fit:cover }
  #home .half {margin-bottom: 10%; margin-left: 8%}

}

@media (max-device-width: 1200px) {
  #home .col img {height: 800px}
  .main-header-p {width: 100%}
  .mobile-who-we-serve {display:block}
  .mobile-who-we-serve h4 {color: white}
   .words-wrapper {display:none}
  .words {display:none}
}

@media (max-device-width: 1000px) {
  #home {padding-top: 80px}
.two-col-wrapper img { margin-left: 0%;height:800px; width: 100%; object-fit:cover }
  #home .half {margin-left: 0%;margin-bottom: 10%;}
  form fieldset.form-columns-2 .hs-form-field { width:100%!important; box-sizing: border-box;}
  form input, form select, textarea {width: 100%!important}
  .form-columns-2 .input {margin-right: 0px!important}
  .form-columns-1 .input {margin-right: 0px!important}
  .nav {display:none}
  #mobile-nav {display:block;}
  #home .col img {height: 600px}
  .scroll-nav {display:none}
  .scroll-nav.active {display:none}
  .principle-content {flex-direction:column; align-items: flex-start}
  .principle-content .copy {width: calc(100% - 2.5rem); padding: 20px;}
  .principle-content .img-wrapper {width: 100%}
  .pillars-2-col .pillar {width: 100%;max-width: 100%}
  .prices-pillars-2-col .pillar {transition: all 0.5s; height: max-content;transition: 0.5s; max-width:100%; box-sizing: border-box; margin: 20px 0px;border-radius: 10px;box-shadow: 2px 2px 12px rgba(0, 41, 64, 0.12);}
  .pillars {flex-direction: column}
  .pillar {width:100%;max-width: 100%}
  .resources .column {margin: 0px;max-width:100%;width: 100%;box-sizing: border-box; flex-wrap: wrap; display: flex; flex-direction:column }
  .resources {display: flex;margin: 0 auto; justify-content: flex-start; flex-direction: column; max-width: 1140px}

  /*   MOBile NAV */
  #mobile-nav p {font-weight: 700; font-size: 25px; color:white;font-family: "Lumios brush"; position: absolute; right: 16%; top: 20px}
  .nav__toggle {display: inline-block;position: absolute;z-index: 10;padding: 0;border: 0;background: transparent;outline: 0;left: 10px;top: 5px;cursor: pointer;border-radius: 50%;transition: background-color 0.15s linear;}
  .nav__toggle:hover, .nav__toggle:focus {
  }
  .nav__menu {display: flex;flex-direction: column;align-items:center; list-style:none;justify-content: center;height: 0;max-height: 200vh;position: relative;z-index: 5;visibility: hidden;transition: height .45s cubic-bezier(0.755, 0.050, 0.855, 0.060);}
  .nav__item {opacity: 0;transition: all 0.4s cubic-bezier(0, 0.995, 0.99, 1) 0.4s ;}
  .nav__item:nth-child(1) {transform: translateY(-40px);}
  .nav__item:nth-child(2) {transform: translateY(-80px);}
  .nav__item:nth-child(3) {transform: translateY(-120px);}
  .nav__item:nth-child(4) {transform: translateY(-160px);}
  .nav__item:nth-child(5) {transform: translateY(-200px);}
  .nav__link {color: white;display: block;text-align: center;font-family: "Inter", sans-serif;font-weight: 700;font-size: 1.5rem;text-decoration: none;padding: 1rem;}
  .nav__link:hover, .nav__link:focus {outline: 0;}

  .menuicon {display: block;cursor: pointer;color: hsl(0deg 0% 100% / 58%);transform: rotate(0deg);transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);}
  .menuicon__bar, .menuicon__circle {fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;}
  .menuicon__bar {transform: rotate(0deg);transform-origin: 50% 50%;transition: transform 0.25s ease-in-out;}
  .menuicon__circle {transition: stroke-dashoffset 0.3s linear 0.1s;stroke-dashoffset: 144.513262038;stroke-dasharray: 144.513262038;}

  .splash {position: absolute;top: 40px;left: 0px;width: 1px;height: 1px;}
  .splash::after {content: "";display: block;position: absolute;border-radius: 50%;background-image:url('https://21977186.fs1.hubspotusercontent-na1.net/hubfs/21977186/mtf%20gradient@100x-3.png');background-size: cover;background-position: center center;width: 284vmax;height: 284vmax;top: -142vmax;left: -142vmax;transform: scale(0);transform-origin: 50% 50%;transition: transform .5s cubic-bezier(0.755, 0.050, 0.855, 0.060);will-change: transform;}

  .mobile-nav:target > .splash::after,
  .nav--open > .splash::after {transform: scale(1);}
  .mobile-nav:target .menuicon,
  .nav--open .menuicon {color: white;transform: rotate(180deg);}
  .mobile-nav:target .menuicon__circle,
  .nav--open .menuicon__circle {stroke-dashoffset: 0;}
  .mobile-nav:target .menuicon__bar:nth-child(1), .mobile-nav:target .menuicon__bar:nth-child(4),
  .nav--open .menuicon__bar:nth-child(1),
  .nav--open .menuicon__bar:nth-child(4) {opacity: 0;}
  .mobile-nav:target .menuicon__bar:nth-child(2),
  .nav--open .menuicon__bar:nth-child(2) {transform: rotate(45deg);}
  .mobile-nav:target .menuicon__bar:nth-child(3),
  .nav--open .menuicon__bar:nth-child(3) {transform: rotate(-45deg);}
  .mobile-nav:target .nav__menu,
  .nav--open .nav__menu {height: 100vh; visibility:visible;}
  .mobile-nav:target .nav__item,
  .nav--open .nav__item {opacity: 1;transform: translateY(0);}
  .mobile-header {height: 3.5rem;background-image:url('https://21977186.fs1.hubspotusercontent-na1.net/hubfs/21977186/mtf%20gradient@100x-3.png');background-size: cover;background-position: center center;position: fixed;width: 100%;z-index: 99;}
  .main {padding: 20px;}
}

@media (max-device-width: 750px) {
  #home .col img {height: 500px; margin-left: -20px; margin-top: 0px}
  #home-list {margin-top: 0px}
  #resources-for-you {padding-top:40px}
  #about-us {padding-top:40px}
  .principle-content {margin: 20px 0 0}
  .hero {text-align:center;font-weight:700; font-size: calc(50px + (80 - 60) * ((100vw - 320 * 1px) / (1920 - 320)))!important;margin: 30px 0px; color:#1F313D}
  .home-buttons {display: flex; justify-content:center}
  h1 {font-size: 55px; font-weight: 700; color: #1F313D; margin: 40px 0 40px 0}
  h2 {font-size: 43px;color: #1F313D; font-weight: 700; margin: 40px 0 40px 0}
  h3 {font-size: 30px;color: #1F313D}
  h4 {font-size: 21px;color: #1F313D; font-weight: 700; margin: 10px 0px}
  p {font-weight: 400; color: rgba(0,0,0,64%); font-size: 16px; line-height: 1.5rem }
  .half {max-width: 100%}
  .main-header-p {width: 100%; text-align:center}
  .list-item .text {max-width: 100%}

  .button-wrapper button svg {width: 30px}
  .button-wrapper {margin-bottom:-38px}
  .card h3 {max-width: 80%}
  .meet-bess {flex-direction: column}
  .meet-bess .bio {max-width: 100%; margin-top: 40px}
  .pillar {max-width: 100%}
  .highlight-h1 {background: url('https://21977186.fs1.hubspotusercontent-na1.net/hubfs/21977186/primary-brush@100x.png');background-repeat: no-repeat;background-size: 100% 62%;padding: 0 5px 0 0; background-position-y:28px; }
  .highlight {background: url('https://21977186.fs1.hubspotusercontent-na1.net/hubfs/21977186/primary-brush@100x.png');background-repeat: no-repeat;background-size: 100% 57%;padding: 0 5px 0 0; background-position-y:26px; }
  .highlight-video {background: url('https://21977186.fs1.hubspotusercontent-na1.net/hubfs/21977186/video-highlight@100x.png');background-repeat: no-repeat; background-size: 100% 57%;padding: 0 5px 0 0; background-position-y:26px; }
.highlight-podcast {background: url('https://21977186.fs1.hubspotusercontent-na1.net/hubfs/21977186/podcast-highlight@100x.png');background-repeat: no-repeat; background-size: 100% 57%;padding: 0 5px 0 0; background-position-y:26px; }
.highlight-books {background: url('https://21977186.fs1.hubspotusercontent-na1.net/hubfs/21977186/books-highlight@100x.png');background-repeat: no-repeat; background-size: 100% 57%;padding: 0 5px 0 0; background-position-y:26px; }
  .highlight-sand {background: url('https://21977186.fs1.hubspotusercontent-na1.net/hubfs/21977186/brush-sand.png');background-repeat: no-repeat;background-size: 100% 57%;padding: 0 5px 0 0; background-position-y:26px; }
  #home {padding-top: 100px;flex-direction:column }
} 

@media (max-device-width: 500px) {
  .large-p {padding: 40px 0px}
    .hero {text-align:center;font-weight:700; font-size: calc(40px + (80 - 60) * ((100vw - 320 * 1px) / (1920 - 320)))!important;margin: 30px 0px; color:#1F313D}
  #home {padding-top: 70px;flex-direction:column }
  h1 {font-size: 43px; font-weight: 700; color: #1F313D; margin: 40px 0 40px 0}
  h2 {font-size: 30px;color: #1F313D; font-weight: 700; margin: 40px 0 40px 0}
  h3 {font-size: 24px;color: #1F313D}
  h4 {font-size: 19px;color: #1F313D; font-weight: 700; margin: 10px 0px}
  #seo-h1 {font-size:43px}
  .fixed {background-attachment: scroll}
  .principle-content .img-wrapper {display:none;}
  .button-wrapper {margin-bottom:-31px}
  .card {height: 100%}
  .card h3 {font-size: 22px; max-width: 76%}
  .wrapper {height: 500px}
  #who-we-serve {padding-top:50px}
  .cards-wrapper-2 {padding-bottom: 40px}
  .list-item {flex-direction: column}
  .list-item svg {width: 45px; height: 45px; margin-bottom: 20px}
  #home-list {margin-top: -60px; padding-bottom: 0px}
    #home .col img {height: 500px; margin-left: -20px; margin-top: 20px}
  .pillars-2-col .pillar {width: 100%;max-width: 100%; margin: 20px 0px}
  .pillars-2-col .pillar .img {height: 150px}
  .prices-pillars-2-col .pillar {margin: 40px 0px}
  #reach-out {margin-top: 0px}
  #home-bg {background-position: top center; background-repeat: no-repeat; background-size:contain;background-image: url('https://21977186.fs1.hubspotusercontent-na1.net/hubfs/21977186/mft-bg-mobile-3.png')}
#hs_form_target_widget_1652983987598 {padding-top: 20px;padding-bottom: 40px;}
  .full-width-mod {margin: 40px 0px;width: 100%; background-size: cover; background-position: center center; min-height: 200px; display: flex; flex-direction:row; align-items:center; justify-content:center; position:relative}
  #our-philosophy {margin-top: 20px;
    padding-top: 40px;
    padding-bottom: 20px;
    margin-bottom: 50px;}
  #what-this-isnt {padding-bottom: 50px; padding-top: 50px}
#scheduler {
    margin-top: 40px;
    padding-bottom: 40px;
}
.prices-pillars-2-col .pillar {
    margin: 0px 0px 20px 0px;
}
  .resources .resource-card {margin: 0 0 10px 0}
}