:root{--color-grey-light-1: rgb(250, 249, 249);--color-grey-light-2: #f4f2f2;--color-grey-light-3: #f0eeee;--color-grey-light-4: #ccc;--color-grey-dark-1: #333;--color-grey-dark-2: #777;--color-grey-dark-3: #999;--color-primary-500: rgb(56, 63, 73);--color-secondary-500: rgb(196, 143, 74);--color-hero-gradient-start: rgba(56, 63, 73, .7);--color-hero-gradient-end: rgba(56, 63, 73, .4);--color-market-gradient-start: rgba(250, 249, 249, .7);--color-market-gradient-end: rgba(250, 249, 249, .1);--color-order-list-blur: rgba(244, 242, 242, .15)}*{margin:0;padding:0}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;font-size:100%}body{font-family:Arial,Helvetica,sans-serif;font-weight:400;line-height:1.6;background-color:var(--color-grey-light-1)}header{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;min-height:6rem;background-color:var(--color-grey-light-2)}#header-logo{height:5rem;border-radius:50%;margin-left:.25rem}header ul{display:flex;justify-content:space-between;align-items:center;width:50%}header ul li{list-style-type:none;font-size:1.25rem}header ul li a{text-decoration:none;color:var(--color-primary-500)}header ul li a:hover{text-shadow:1px 1px 2px var(--color-grey-dark-2)}#header-cta-btn{padding:.5rem;margin-right:.25rem;font-size:1.5rem;font-weight:700;color:var(--color-secondary-500);background-color:var(--color-primary-500);border:none;border-radius:1rem;cursor:pointer;box-shadow:2px 2px 5px #0000004d;text-decoration:none}#header-cta-btn:hover,#header-cta-btn:active{transform:translateY(-2px);box-shadow:0 6px 12px #0009}#hero{width:100%;height:55rem;background-image:linear-gradient(to bottom,var(--color-hero-gradient-start),var(--color-hero-gradient-end)),url(/yell-hero-v6.png);background-size:cover;background-position:top;box-shadow:2px 2px 5px #0000004d;display:flex;flex-direction:column;justify-content:center;align-items:center;clip-path:polygon(0 0,100% 0,100% 95%,50% 100%,0 95%)}#hero-btn-small{display:none}#hero-text{flex:1;font-size:3rem;font-weight:700;text-align:center;color:var(--color-grey-light-2);margin-top:2rem;margin-bottom:1rem;animation:dropInTop .75s ease-out}#hero-subtext{flex:1;font-size:3rem;font-weight:700;color:var(--color-secondary-500);text-align:center;text-shadow:1px 1px 1px var(--color-secondary-500);animation:moveInLeft .75s ease-out}#hero-list{flex:1;margin-top:1rem;color:var(--color-grey-light-2);text-align:center;font-size:1.5rem;font-weight:700;animation:moveInRight .75s ease-out}#hero-logo{flex:1;width:25rem;height:25rem;border-radius:50%;box-shadow:5px 5px 5px #0000004d}.cta-strip{display:flex;justify-content:center;align-items:center;height:8vh;text-align:center;background-color:var(--color-grey-light-1);margin:2rem 0}.cta-strip-btn{padding:1rem;font-size:2rem;font-weight:700;color:var(--color-secondary-500);background-color:var(--color-primary-500);border:none;border-radius:1rem;cursor:pointer;box-shadow:2px 2px 5px #0000004d;text-decoration:none}.cta-strip-btn:hover,.cta-strip-btn:active{transform:translateY(-2px);box-shadow:0 6px 12px #0009}#marketing{display:flex;flex-direction:column;align-items:center;height:58rem;background-image:linear-gradient(to bottom,var(--color-market-gradient-start),var(--color-market-gradient-end)),url(/yell-area.png);background-size:cover;background-position:top;padding:1rem .5rem .5rem 0;scroll-margin-top:6rem}#marketing-header{font-size:2.5rem;margin-top:1rem}#marketing-text{font-size:1.5rem;margin:.5rem 1rem;text-align:justify;font-weight:700}#marketing-list{color:var(--color-grey-light-2);font-size:1.5rem;font-weight:700;list-style-type:none;margin-top:2.5rem}#marketing-list li{background-color:var(--color-grey-dark-1);border-radius:1rem;margin-bottom:2.5rem;padding:.5rem}.marketing-list-marker{border:2px solid var(--color-grey-light-2);border-radius:50%;padding:5px 10px}#marketing-list li:nth-child(1){margin-left:2rem}#marketing-list li:nth-child(2){margin-left:10rem}#marketing-list li:nth-child(3){margin-left:15rem}#marketing-list li:nth-child(4){margin-left:20rem}#marketing-list li:nth-child(5){margin-left:25rem}#order{height:48rem;background-color:var(--color-grey-light-4);position:relative;clip-path:polygon(0 0,100% 0,100% 95%,50% 100%,0 95%);scroll-margin-top:6rem}#order-header{position:absolute;top:2.5rem;left:20rem;font-size:3rem;z-index:100}#order-list{position:absolute;top:10rem;left:3rem;list-style-type:none;font-size:1.25rem;z-index:100}#order-list li{background-color:var(--color-grey-light-2);margin-bottom:2rem;margin-right:2rem;border-radius:5px;padding:.5rem 1rem;box-shadow:1px 1px 2px 2px var(--color-order-list-blur)}.order-list-start-text{font-weight:700}.order-list-brand-text{font-weight:700;color:var(--color-secondary-500)}#order-image{width:40rem;height:40rem;border-radius:1rem;position:absolute;top:5rem;right:1rem;background-image:linear-gradient(to right,#ffffffbf,#fff0),url(/yell-aside.png);background-size:cover;background-position:top;z-index:10}#faq{height:55rem;background-color:var(--color-grey-light-1);scroll-margin-top:6rem}#faq-header{text-align:center;font-size:3rem;margin:1rem 0}#faq-list{font-size:1.25rem}#faq-list li{margin:1rem 2.5rem 1rem 4rem;text-align:justify}footer{height:5rem;background-color:var(--color-grey-light-4);display:flex;justify-content:center;align-items:center}@keyframes moveInLeft{0%{opacity:0;transform:translate(-100px)}80%{transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes moveInRight{0%{opacity:0;transform:translate(100px)}80%{transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes dropInTop{0%{opacity:0;transform:translateY(-50px)}80%{transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 1280px){#header-logo{height:4.5rem}#hero-text{font-size:2.5rem;margin-top:2rem;margin-bottom:1rem}#hero-subtext{font-size:2.5rem}#hero-list{margin-top:1rem;font-size:1.5rem}#hero-logo{width:20rem;height:20rem}.cta-strip{margin:.75rem 0}.cta-strip-btn{padding:1rem;font-size:1.5rem}#order{height:56rem}#faq{height:60rem}}@media screen and (max-width: 1024px){#header-logo{height:3.5rem}#header-cta-btn{font-size:1.25rem}#hero-text{font-size:2rem;margin-top:2rem;margin-bottom:1rem}#hero-subtext{font-size:2rem}#hero-list{margin-top:.75rem;font-size:1.25rem}#hero-logo{width:17rem;height:17rem}.cta-strip{margin:.5rem 0}.cta-strip-btn{padding:1rem;font-size:1.25rem}#marketing{height:62rem;margin-top:1rem}#marketing-header{font-size:2.25rem;margin-top:.75rem}#marketing-text{font-size:1.25rem;margin:.5rem 1rem}#marketing-list{font-size:1.25rem;margin-top:2.5rem}#marketing-list li{margin-bottom:2.5rem;padding:.5rem}#order-header{top:1rem;left:8rem;font-size:3rem}#order-list{top:7rem;left:3rem;font-size:1.25rem}#order-list li{margin-bottom:2rem;margin-right:2rem;border-radius:5px;padding:.5rem 1rem}#faq{height:71rem}}@media screen and (max-width: 768px){#header-logo{height:2.75rem}#header-cta-btn{font-size:1rem}#hero-text{font-size:1.75rem;margin-top:1.5rem}#hero-subtext{font-size:1.75rem}#hero-list{margin-top:.5rem;font-size:1rem}#hero-logo{width:11rem;height:11rem}.cta-strip{margin:.25rem 0}.cta-strip-btn{padding:.75rem;font-size:1rem}#marketing{margin-top:.75rem}#marketing-header{margin-top:.5rem}#marketing-list{font-size:1.15rem;margin-top:2rem}#marketing-list li{margin-bottom:1.5rem}#order{height:60rem;margin-bottom:.75rem}#order-header{top:.75rem;left:15rem;font-size:2.75rem}#order-list{top:6rem;left:2.5rem;font-size:1.15rem}#faq-header{font-size:2.75rem}#faq-list{font-size:1.15rem}}@media screen and (max-width: 640px){header{justify-content:flex-start}header ul{width:80%}header ul li{font-size:1rem;margin-left:5rem}#header-cta-btn{display:none}#header-logo{height:5rem}#hero{height:38rem}#hero-btn-small{display:block;margin-top:.75rem;border:2px solid var(--color-secondary-500)}#hero-text{font-size:1.5rem;margin-top:.75rem;margin-bottom:0}#hero-subtext{font-size:1.5rem}#hero-list{margin-top:0;font-size:1.15rem}#hero-logo{width:10rem;height:10rem}.cta-strip{margin:.75rem 0}.cta-strip-btn{padding:.75rem;font-size:1rem}#marketing{margin-top:1rem}#marketing-list li:nth-child(2){margin-left:2rem}#marketing-list li:nth-child(3){margin-left:2rem}#marketing-list li:nth-child(4){margin-left:2rem}#marketing-list li:nth-child(5){margin-left:2rem}#order{height:64rem}#order-header{left:12.5rem;font-size:2.5rem}#faq{height:95rem}#faq-header{font-size:2.5rem}}@media screen and (max-width: 480px){header{height:8rem}header ul{flex-direction:column}header ul li{font-size:1.25rem}#header-logo{height:5rem}#marketing{height:73rem}#order{height:75rem}#order-header{top:.75rem;left:6.5rem}#faq{height:122rem}}@media screen and (max-width: 375px){#hero{height:45rem}#marketing,#order{height:80rem;scroll-margin-top:8rem}#order-header{left:4.25rem}#faq{height:140rem;scroll-margin-top:8rem}}