p, h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 { margin: 0; } .flex-row { display: flex; } .back-to-top { padding: 4px 8px; text-align: center; border-radius: 6px 6px 0px 0px; border: none; background: var(--Action-Action-secondary, #E8CAC2); box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.1); color: var(--Text-text-primary, #16384E); font-family: Prompt, sans-serif; font-size: 1.1875rem; font-style: normal; font-weight: 400; line-height: 1.5; position: fixed; bottom: 0; right: 12%; z-index: 10000; } .breadcrumb > li { display: inline-block; } .breadcrumb > li a { color: #16384E; font-family: Prompt, sans-serif; font-size: 0.8125rem; font-style: normal; font-weight: 400; line-height: 1.3; text-wrap: nowrap; text-decoration:none; } .breadcrumb > li a.active { color: #0881C7; } .bc-container { background: #fff; padding-right: 0; padding-left: 0; } .breadcrumb { margin: 0; display: flex; padding: 10px 10px; align-items: center; gap: 1.5rem; } .hero { background: url(/media/jc/whyjenny/04302024/whyjenny_hero-bg_mob.webp)#FFFAF1 0 0 no-repeat; background-size: 100%; height: 103.466667vw; padding: 24px 0 0; } .hero h1 { text-align: center; font-size: 1.75rem; font-weight: 400; line-height: 1.1; } .hero h2 { text-align: center; font-size: 1rem; font-weight: 400; line-height: 1.5; padding: 0 17px; max-width: 340px; } #app .btn-default { font-size: 1.188rem; padding: 8px 16px; } .hero .flex-row { flex-direction: column; gap: 47px; } .hero .txt-col { display: flex; flex-direction: column; align-items: center; gap: 16px; } .call-out { background: var(--Background-background-dark, #16384E); padding: 16px 0; } .call-out h3 { color: #fff; text-align: center; font-size: 1.1875rem; font-weight: 500; line-height: 1.1; } .expertise { text-align: center; margin: 24px 0; } .expertise h2 { font-size: 1.625rem; font-weight: 500; line-height: 1.1; margin: 0 0 8px; } .expertise p.h3 { font-size: 1rem; font-weight: 400; line-height: 1.5; } .expertise h3 { font-size: 1.1875rem; font-weight: 500; line-height: 1.3; } .expertise p.h4 { font-size: .8125rem; font-weight: 400; line-height: 1.3; } .expertise img { width: 140px; margin: 18px auto 8px; } .expertise .quote { display: flex; flex-direction: column; gap: .5rem; margin: 2rem 1rem; } .expertise p.h5 { font-size: 1rem; font-style: italic; font-weight: 400; line-height: 1.5; } .expertise .quote .by { display: flex; gap: .5rem; align-items: center; justify-content: center; } .expertise .quote img { width: 3.5rem; margin: 0; } .expertise .quote .by p { color: var(--Text-text-brand_color, #0881C7); font-size: 1rem; font-weight: 500; line-height: 1.5; } .meals { background: url(/media/jc/whyjenny/12162024/ChefCrafted-mob.webp)#fbf7f4 no-repeat; background-size: 100%; background-position: bottom -68vw center; padding: 24px 0 0; } .meals h2 { text-align: center; font-size: 1.625rem; font-weight: 500; line-height: 1.18; } .meals p { margin: 1rem 0 0; line-height: 1.5; } .meals p strong { font-size: 1.1875rem; font-weight: 500; } .meals .cta-wrapper { text-align: center; } .meals .btn { margin: 24px 0; font-size: 1.188rem; padding: 8px 16px; } .meals .spacer-mob { height: 45vw; width: 100%; } .options { margin: 2rem 0; } .options h2 { font-size: 1.625rem; font-weight: 500; line-height: 1.18; margin: 0 0 .8px; text-align: center; } .options p.h3 { font-size: 1rem; font-weight: 400; line-height: 1.5; margin: 0 0 16px; text-align: center; } .options .boxes { display: flex; gap: 1rem; flex-direction: column; } .options .box { border-radius: .5rem; background: rgba(8, 117, 181, 0.10); padding: 1rem 1.5rem; } .options .b2 { background: rgba(22, 56, 78, 0.10); } .options .b3 { background: rgba(189, 53, 122, 0.10); } .options h3 { font-size: 1.1875rem; font-weight: 500; line-height: 1.5; margin: 0 0 16px; text-align: center; } .options ul { margin: 0 0 16px; padding: 0 0 0 18px; } .options li { font-size: .8125rem; margin: 0 0 8px; } .options .cta-wrapper { text-align: center; } .resources { padding-top: 32px; padding-bottom: 16px; background: var(--Background-background-secondary, #FAF7F4); } .resources h2 { font-size: 1.4375rem; font-weight: 500; margin-bottom: 10px; text-align: center; line-height: 1.1; } .resources .support-card { color: #16384e; text-align: center; background-color: #fff; padding: 24px 0 0; border-radius: 8px; } .resources .support-card img { width: 100%; border-radius: 0 0 8px 8px } .resources .support-card { margin-bottom: 16px; } .resources .support-card .title { padding: 0 16px 8px; font-size: 1.1875rem; font-weight: 500; line-height: 1.1; } .resources .support-card .copy { padding: 0 16px; font-size: 1rem; font-weight: 400; line-height: 1.5; } .resources .support-card .copy a { font-size: .8125rem; text-decoration: underline; margin-top: 8px; display: inline-block; } .start { padding: 24px 0; } .start h3 { font-size: 1.188rem; font-weight: 500; line-height: 1.1; } .start p { margin-bottom: 16px; } .start .btn { width: 280px; } .hero .btn { width: 186px; } .expertise .btn { width: 186px; } .options .new { height: 1.1rem; width: auto; } section.container.banner-container { padding: 0; max-width: 100%; } .btn-default { background-color: #D4422B; border-color: #D4422B; } @media(max-width:767px){ .expertise .container, .meals .container, .options .container, .resources .container, .start .container { max-width: none; } } @media(max-width: 374px) { .breadcrumb { gap: 15px; } .breadcrumb > li { font-size: 12px; text-align: center; line-height: 1 } .hero h2 { padding:0; } } @media(min-width: 411px) { .breadcrumb { gap: 24px; } .hero { height: 425px; background-position: bottom center; } } @media(min-width: 768px) { .breadcrumb > li a { font-size: 1rem; } .breadcrumb > li + li:before { content: ""; } .hero { background: url(/media/jc/whyjenny/12162024/whyjenny_hero-bg_dt.webp)#FFFAF1 right 0 no-repeat; background-size: 975px 100%; height: 302px; padding: 10px 0 0; } .hero .flex-row { flex-direction: row; align-items: center; justify-content: space-between; gap: 47px; width: 100%; } .hero .txt-col { align-items: flex-start; width: 44%; max-width: 597px; } .hero h1 { font-size: 2.25rem; text-align: left; margin-top: 1.4rem; } .hero h2 { font-size: 1rem; text-align: left; padding: 0; } .call-out { padding: 24px 0; } #app .btn-default { font-size: 1.4375rem; padding: 16px 24px; } #app .options .btn-default { font-size: 1.188rem; padding: 8px 16px; } .call-out h3 { font-size: 1.4375rem; } .expertise { text-align: center; margin: 64px 0; } .expertise h2 { font-size: 2.0625rem; font-weight: 400; } .expertise p.h3 { font-size: 1rem; font-weight: 400; line-height: 1.2; } .expertise h3 { font-size: 1.1875rem; font-weight: 500; line-height: 1.3; } .expertise p.h4 { font-size: 1rem; font-weight: 400; line-height: 1.5; } .expertise img { width: 180px; margin: 32px auto 24px; } .expertise .quote { flex-direction: row; justify-content: center; align-items: center; gap: 24px; } .expertise p.h5 { font-size: 1rem; } .expertise .quote img { width: 3.5rem; } .expertise .quote .by p { font-size: 1rem; } .meals { background: url(/media/jc/whyjenny/12162024/ChefCrafted-dt.webp)#fbf7f4 no-repeat; background-size: 755px; background-position: top left calc(50% + -400px); } .meals h2 { text-align: left; font-size: 1.4375rem; font-weight: 400; } .meals p { line-height: 1.5; font-size: 1rem; } .meals p strong { font-size: 1.1875rem; } .meals .cta-wrapper { text-align: left; } .meals .btn-primary { font-size: 1.211rem; padding: 16px 24px; } .meals .spacer-mob { display: none; } .options h2 { font-size: 2.0625rem; font-weight: 400; margin-bottom: .5rem; } .options p.h3 { font-size: 1rem; } .options .boxes { gap: 16px; flex-direction: row; } .options .box { width: 50%; display: flex; flex-direction: column; } .options h3 { font-size: 1.1875rem; } .options li { font-size: 1rem; } .options .cta-wrapper { height: 52px; margin-top: auto; } .options .btn { font-size: 1.1875rem; padding: 8px 16px; } .resources h2 { font-size: 2.0625rem; margin-bottom: 24px; font-weight: 400; } .resources .support-card .title { font-size: 1.1875rem; } .resources .support-card .copy { font-size: 1rem; height: 285px; padding: 0 24px; } .resources .support-card .copy a { font-size: 1rem; } .resources .support-card:not(.app-card) img { margin-top: 8px; } .start h3 { font-size: 2.0625rem; font-weight: 400; } .start p { font-size: 1.1875rem; } .start .btn { width: 357px; } .hero .btn { width: 234px; } .start .btn { width: 330px; } .expertise .btn { width: 234px; } } @media(min-width: 992px) { .breadcrumb > li a:hover { color: #0881C7; text-decoration: none; } .breadcrumb { overflow-x: auto; margin-left: 180px; } .hero { background-size: 1200px; height: 360px; padding: 25px 0 0; } .hero h1 { font-size: 2.5rem; } .hero h2 { max-width: none; } .meals { background-size: 735px; background-position: top left calc(50% - 380px); padding: 48px 0; } .meals h2 { font-size: 1.8rem; } .options .boxes { gap: 24px; justify-content: center; } .options .b1, .options .b2, .options .b3 { width: 30rem; } .resources .support-card .copy { height: 215px; } .resources .support-card:not(.app-card) img { margin-top: 11px; } .start { padding: 40px 0; } } @media(min-width: 1200px) { .breadcrumb { margin-left: 195px; } .hero .txt-col { width: 38%; } .hero { background-size: 1440px; height: 433px; padding: 90px 0 0; } .meals { background-size: 660px; background-position: top left calc(50% - 385px); } .meals h2 { font-size: 2.0625rem; } .resources { padding-top: 48px; padding-bottom: 48px; } .resources .support-card .copy { height: 190px; } .resources .support-card:not(.app-card) img { margin-top: 13px; } .options p.h3 { margin: 0 0 2.5rem; } } @media(min-width: 1440px) { .breadcrumb { margin-left: 325px; } .hero { background-size: 100%; background-position: right bottom; } .hero .flex-row { margin: 0 auto; width: 87%; } .hero .txt-col { width: 35%; } .meals { background-size: 43.75vw; background-position: top left; } .expertise .container { width: 1260px; } .resources .support-card .copy { height: 170px; } .resources .support-card:not(.app-card) img { margin-top: 17px; } }