
.breadcrumb {
    margin-bottom: 0;
}
.hero,
.hero picture img,
.hero .container {
	height: 158.667vw;
}
.hero h1 {
	font-size: 1.25rem;
}
.hero-content .seven-img {
	width: 61px;
}
.hero-content .seven-copy {
	font-family: var(--ns-headline-font-family);
	font-size: 1.375rem;
	line-height: 1.1;
}
.hero-content .hero-copy,
.numi .phone .app-rating {
	font-family: var(--ns-headline-font-family);
}
.path h2,
.nutrition h3,
.science h4,
.numi h5,
.numi .phone-title,
.food h6 {
	font-size: 1.625rem;
	line-height: 1.1;
}
.path .path-step p {
	font-size: 1.125rem;
}
.nutrition .nutrition-header p {
	font-size: 1.125em;
	line-height: 1.2;
}
.nutrition .nutrition-title {
	font-size: 1.1875rem;
	line-height: 1.2;
}
.nutrition .nutrition-text {
	font-size: 1.125rem;
	line-height: 1.2;
}
.nutrition .nutrition-copy #week-one p,
.nutrition .nutrition-copy #week-two p,
.nutrition .nutrition-copy #along-the-way p {
	font-size: 1rem;
	line-height: 1.2;
}
.science .science-subtitle {
	max-width: 330px;
	font-size: 1.125rem;
}
.science .science-copy-header {
	font-size: 1.25rem;
}
.science .science-img {
	width: 100%;
	max-width: 425px;
}
.numi .numi-logo {
	width: 95px;
}
.numi h5,
.numi .phone-title {
	color: #00a8ad;
}
.numi .variables p {
	font-size: 1.125rem;
	line-height: 1.1;
}
.numi .phone ul::after {
	content: " ";
	display: inline-block;
	height: 75vw;
	max-height: 315px;
}
.numi .phone .phone-img {
	position: relative;
	width: 124%;
	right: 27%;
}
.numi .phone .phone-img-wrapper {
	bottom: -75vw;
	right: 0;
}
.numi .phone .app-rating {
	width: 94px;
	height: 94px;
	padding: 8px 2px;
	top: 29px;
	left: 15px;
}
.numi .phone-bg {
	background-color: #eef9fa;
	overflow: hidden;
}
.yellow-star {
	color: #f8ec6d;
}
.numi .phone .top-rated {
	font-size: 0.875rem;
}
.food .food-benefits .food-benefit-img img {
	width: 70px;
}
.food .food-img .food-rating {
	width: 120px;
	height: 120px;
	font-size: 0.9rem;
	line-height: 1.1;
	right: 21%;
}
.food .food-img img {
	width: 100%;
	max-width: 450px;
}
.food .food-img p.small {
	max-width: 76px;
	line-height: 1.2;
	bottom: 0;
	left: calc(50% - 130px);
}
.testimonials .testimonial-img {
	top: -135px;
	left: 50%;
	transform: translateX(-50%);
}
.testimonials .testimonial-img img {
	width: 280px;
	max-width: 280px;
}
.testimonials .quote {
	font-size: 1.375rem;
	line-height: 1.3;
}
.testimonials .testimonial {
	margin-top: 135px;
	padding-top: 105px;
	background-color: #fff5e4;
}
.testimonials .testimonial-claim {
	font-size: 1.25rem;
}
.testimonials .testimonial-claim > span:last-of-type {
	font-size: 1rem;
}
.testimonials .testimonial p.small {
	line-height: 1.1;
}
.hilites {
	background-color: #fff5e4;
}
.hilites .hilite {
	max-width: 500px;
	font-size: 1.125rem;
	line-height: 1.5;
	box-shadow: 0 3px 0 0 #f5dcb2;
}
.hilites .hilite-title {
	font-size: 1.375rem;
}
.faq .faq-title {
	font-size: 1.625rem;
	line-height: 1.1;
}
.faq .accordion-item {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0;
}
.faq .accordion-item .accordion-button {
	border-radius: 0;
	font-size: 1.125rem;
	line-height: 1.1;
	color: var(--ns-slate-gray);
}
.faq .accordion-button:not(.collapsed) {
	background-color: transparent;
}
.shop-cta {
	margin: 30px 0;
	background-color: #eff6e4;
}
.shop-cta p {
	max-width: 222px;
	font-size: 1.5rem;
	line-height: 1.1;
}
.mbg .mbg-logo {
	width: 60px;
	height: 60px;
}
.mbg p {
	font-size: 1rem;
	font-family: var(--ns-headline-font-family);
}
.mbg p a {
	font-size: 0.7rem;
	font-family: var(--ns-body-font-family);
}
#nsApp {
    margin: 50px 0 32px;
}
#nsApp .nsapp-header-img,
#nsApp .nsapp-logo {
    width: 70px;
}
#nsApp .nsapp-header {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-bottom: 24px;
}
#nsApp .nsapp-copy {
    margin-bottom: 8px;
}
#nsApp .phone-container {
    margin-top: 30px;
    padding: 24px 16px;
    border-radius: 8px;
    background: #EFF6E4;
    overflow: hidden;
    position: relative;
    min-height: 345px;
    max-height: 615px;
    height: 162.933vw;
}
#nsApp h2 {
    font-size: 1.625em;
    line-height: 1.1;
    margin: 0;
}
#nsApp .phone-container h2 {
    margin: 0 auto 16px;
    font-size: 1.625em;
    text-align: center;
}
#nsApp .phone-subtitle {
    color: #29353A;
    font-family: Arial, sans-serif;
    font-size: 1em;
    line-height: 1.25;
    margin-bottom: 16px;
}
#nsApp .phone-container ul {
    margin: 0 auto;
    width: fit-content;
}
#nsApp .phone-container ul li {
    margin-bottom: 23px;
}
#nsApp .phone-dt {
    display: none;
}
#nsApp .phone-mbl,
#nsApp .phone-dt {
    position: absolute;
}
#nsApp .phone-mbl {
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 430px;
    width: 100%;
}
@media(max-width:374px) {
    #nsApp .phone-mbl {
        bottom: -30px;
    }
}
@media(max-width:350px) {
    #nsApp .phone-mbl {
        bottom: -65px;
    }
}
@media (max-width: 345px) {
	.hero-content .hero-copy,
	.hero .hero-cta-wrapper {
		margin-bottom: 8px;
	}
}
@media (min-width: 400px) {
	.numi .phone .phone-img-wrapper {
		bottom: -315px;
		right: 50%;
		transform: translateX(40%);
	}
	.numi .phone .phone-img {
		position: relative;
		width: 474px;
		right: 10px;
	}
	.numi .phone .app-rating {
		top: 27px;
		left: 112px;
	}
	.food .food-img .food-rating {
		right: 30%;
	}
}
@media(min-width: 450px) {
	.hero h1 {
		font-size: 1.75rem;
	}
	.hero-content .hero-copy {
		font-size: 1.15rem;
	}
}
@media (min-width: 500px) {
	.food .food-img .food-rating {
		right: 36%;
	}
    #nsApp .phone-subtitle {
        text-align: center;
    }
}
@media(min-width: 620px) {
	.hero h1 {
		font-size: 2.25rem;
	}
	.hero-content .hero-copy {
		font-size: 1.75rem;
	}
}
@media (min-width: 768px) {
	.hero, .hero > .container, .hero picture img {
		height: 410px;
	}
	.hero picture img {
		width: 100%;
	}
	.hero h1 {
		font-size: 1.25rem;
	}
	.hero-content .seven-copy {
		font-size: 2.2rem;
		line-height: 1.1;
	}
	.hero-content .hero-copy {
		font-size: 1.125rem;
	}
	.path h2, .nutrition h3, .science h4, .food h6 {
		font-size: 2.125rem;
	}
	.science .science-subtitle {
		max-width: none;
	}
	.numi .phone .phone-img-wrapper {
		bottom: -400px;
		right: 48%;
		transform: translateX(41%);
	}
	.numi .phone ul::after {
		max-height: 232px;
	}
	.food .food-img .food-rating {
		width: 136px;
		height: 136px;
		font-size: 1.015rem;
		right: 25%;
		top: 45%;
	}
	.food .food-img p.small {
		bottom: 24px;
	}
	.testimonials .testimonial-claim {
		font-size: 1.25rem;
		line-height: 1.2;
	}
	.hilites .hilite {
		min-height: 185px;
	}
	.hilites .hilite-title {
		font-size: 1.5rem;
	}
	.faq .faq-title {
		font-size: 2.125rem;
	}
	.faq .accordion {
		max-width: 570px;
	}
	.shop-cta p {
		max-width: 278px;
		font-size: 1.75rem;
		border-right: 2px solid var(--ns-dark-green);
	}
	.mbg .mbg-logo {
		width: 80px;
		height: 80px;
	}
	.mbg p {
		font-size: 1.375rem;
	}
    #nsApp {
        margin: 64px 0;
    }
    #nsApp .phone-container {
        margin-top: 0;
    }
    #nsApp .phone-container ul li:last-child {
        margin-bottom: 0;
    }
}
@media (min-width: 992px) {
	.path .path-step p,
	.science .science-subtitle {
		font-size: 1.375rem;
	}
    .nutrition .nutrition-header p,
    .science .science-subtitle {
        width: 63%;
    }
	.numi h5 {
		font-size: 2rem;
	}
	.numi .phone-title {
		font-size: 1.75rem;
	}
	.numi .phone ul::after {
		max-height: 0;
	}
	.numi .phone-bg {
		overflow: visible;
		margin-top: 60px;
	}
	.numi .phone .phone-img {
		width: 300px;
	}
	.numi .phone .phone-img-wrapper {
		bottom: -49px;
		right: 325px;
		transform: none;
	}
	.numi .phone .app-rating {
		top: -15px;
		left: 58px;
	}
	.food .food-img img {
		max-width: 100%;
	}
	.food h6 {
		font-size: 1.95rem;
		line-height: 1.1;
	}
	.food .food-img .food-rating {
		right: 7%;
		top: 47%;
	}
	.testimonials .quote {
		font-size: 1.75rem;
	}
	.testimonials .testimonial-claim {
		font-size: 1.25rem;
	}
	.hilites .hilite {
		min-height: auto;
	}
	.faq .accordion {
		max-width: 595px;
	}
	.faq .accordion-item .accordion-button {
		font-size: 1.375rem;
	}
    #nsApp {
        margin: 64px 0;
    }
    #nsApp h2 {
        text-align: left;
    }
    #nsApp h2 {
        font-size: 2em;
    }
    #nsApp .phone-container h2 {
        font-size: 1.75em;
    }
    #nsApp .phone-container {
        padding: 32px 16px 32px 160px;
        min-height: auto;
        max-height: none;
        height: auto;
        overflow: visible;
    }
    #nsApp .phone-container {
        width: 80%;
        margin-left: auto;
    }
    #nsApp .phone-mbl {
        display: none;
    }
    #nsApp .phone-dt {
        display: block;
        left: -100px;
        top: 50%;
        transform: translateY(-50%);
        width: 75%;
    }
}
@media (min-width: 1200px){
	.numi .phone-bg {
		padding: 16px 38px 0 120px;
	}
	.numi .phone .phone-img-wrapper {
		bottom: -50px;
		right: 321px;
	}
	.hilites .hilite {
		max-width: 360px;
	}
	.faq .accordion {
		max-width: 730px;
	}
    #nsApp {
        margin: 124px 0 104px;
    }
    #nsApp .phone-container {
        width: 85%;
        margin-left: auto;
        margin-top: 0;
    }
    #nsApp .phone-dt {
        width: 52%;
        left: -107px;
        transform: none;
        top: -67px;
    }
    #nsApp .phone-container ul {
        margin: 0;
    }
    #nsApp .phone-container h2,
    #nsApp .phone-subtitle {
        text-align: left;
    }
    #nsApp .phone-container h2 span {
        display: block;
    }
}
@media (min-width: 1440px) {
	.numi .phone .phone-img-wrapper {
		right: 420px;
	}
    #nsApp {
        margin: 132px 0 152px;
    }
    #nsApp .phone-container {
        padding-left: 190px;
    }
    #nsApp .phone-dt {
        left: -121px;
    }
}