.family-hydration-banner{padding:80px 0;color:#002c3e}.family-hydration-banner-container{display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:0 auto}.family-hydration-banner-text{max-width:598px}.family-hydration-banner-text .small-heading{color:#104258;margin-bottom:12px;font-family:Neue Haas Grotesk Display Pro;font-weight:700;font-size:20px;line-height:1.3;letter-spacing:0;margin:unset;padding-bottom:30px}.family-hydration-banner-text .main-heading{color:#104258;font-family:Neue Haas Grotesk Display Pro;font-weight:900;font-size:60px;line-height:1.1;letter-spacing:0;margin:0;padding-bottom:30px}.family-hydration-banner-paragraph.first{padding-bottom:15px}.family-hydration-banner-text .sub-heading{color:#104258;font-family:Neue Haas Grotesk Display Pro;font-weight:700;font-size:22px;line-height:1.4;letter-spacing:0;margin:0;padding-bottom:15px}.family-hydration-banner-paragraph ul li,.family-hydration-banner-paragraph p{font-family:Neue Haas Grotesk Display Pro;font-weight:450;font-size:18px;line-height:1.4;letter-spacing:0;margin:0;color:#104258}.family-hydration-banner-image{max-width:567px;height:520px;width:100%}.family-hydration-banner-image img{max-width:100%;height:100%;width:100%;object-fit:cover}@media(min-width:998px)and (max-width:1200px){.family-hydration-banner{padding:60px 28px}.family-hydration-banner-container{gap:40px}.family-hydration-banner-text{max-width:560px}.family-hydration-banner-text .small-heading{font-size:18px;padding-bottom:24px}.family-hydration-banner-text .main-heading{font-size:46px;padding-bottom:24px}.family-hydration-banner-text .sub-heading{font-size:20px;padding-bottom:24px}.family-hydration-banner-paragraph p{font-size:17px}.family-hydration-banner-image{max-width:520px;height:auto}}@media(max-width:768px){.family-hydration-container{flex-direction:column-reverse;text-align:center}.family-hydration-image{text-align:center}.family-hydration-text .main-heading{font-size:28px}.family-hydration-banner-container{flex-direction:column-reverse}.family-hydration-banner-image{max-width:100%;height:100%;width:100%}.family-hydration-banner{padding:20px 16px 40px}.family-hydration-banner-text{margin-top:24px}.family-hydration-banner-text .small-heading{font-size:16px;padding-bottom:24px}.family-hydration-banner-text .main-heading{font-size:28px;padding-bottom:24px}.family-hydration-banner-text .sub-heading{font-size:18px;padding-bottom:24px}.family-hydration-banner-paragraph p{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ms-aboutus-hydration-banner.css.map */