.right-2-5 {
    right: 2.5em;
}

.tabular-nums {
    font-variant-numeric: tabular-nums;
}

.poke-gray1{
    color: hsl(360, 40%, 30%);
}

.poke-gray2{
    color: hsl(360, 25%, 40%);
}

.poke-gray9{
    color: hsl(360, 15%, 90%);
}

.bg-poke-gray9{
    background: hsl(360, 15%, 90%);
}

.b--poke-gray2{
    border-color: hsl(360, 25%, 40%);
}

.h1-75 {
    height:1.75rem
}

.b--link{
    border-color: hsl(378,100%,56%, 0.5);
}

.b--header-active {
    border-color: #696569;
}

.b--header-active:hover {
    border-color: hsl(378,100%,56%, 0.5);
   
}

.b--header{
    border-color: transparent;
}

.b--header:hover {
    border-color: hsl(378,100%,56%, 0.5);
   
}

.tracking-promo-text{
    letter-spacing: -0.02rem;
}

.w-fit {
    width: fit-content;
}

.lato {
    font-family: 'Lato';
}

.oswald {
    font-family: 'Oswald';
}

.bottom--4 {
    bottom: -4rem;
}

.top-4 {
    top: 4rem;
}

.shadow-1 {
    box-shadow: 0 10px 20px rgba(0,0,0,0.15), 0 3px 6px rgba(0,0,0,0.10);
}

.menu {
    min-height: 2.8rem; /* no way to control min height in Tachyons */
    max-height: 0; /* hide menu completely when burger unchecked */
    transition: max-height 0.5s; /* show/hide menu transition */
}
/* when checkbox is checked, display menu (sibling element) */
#burger:checked ~ .menu {
    max-height: 100%;
}