:root{scroll-behavior:smooth}.subnav{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;text-align:center}.subnav__heading,.subnav__item{border:2px solid var(--border);color:var(--text);font-size:24px;font-weight:600;line-height:1.4;padding:12px 48px;text-transform:uppercase}.subnav__heading{background-color:var(--white);margin-bottom:0;padding:12px 24px;width:auto}.subnav__item{display:inline-block;transition:all .2s ease;white-space:nowrap;width:100%}.subnav__item:last-child{border-right:2px solid var(--border)}.subnav__item--red{background-color:var(--red)}.subnav__item--red:hover{background-color:var(--red-dark)}.subnav__item--yellow{background-color:var(--yellow)}.subnav__item--yellow:hover{background-color:var(--yellow-dark)}.subnav__item--green{background-color:var(--green)}.subnav__item--green:hover{background-color:var(--green-dark)}.subnav__item--purple{background-color:var(--purple)}.subnav__item--purple:hover{background-color:var(--purple-dark)}@media (min-width:821px){.subnav{align-items:center;flex-direction:row}.subnav__items{align-items:center;display:flex}.subnav__btns{overflow-x:inherit}.subnav__heading,.subnav__item{border-right:none;width:auto}}