body,ul{background-color:var(--color-dark)}ul,ul a{display:flex}body{margin:0;font-size:18px;line-height:1.4;font-family:brandon-grotesque,sans-serif;font-weight:400;overflow:hidden;box-sizing:border-box}@media (min-width:400px){body{background-color:var(--color-light);font-size:20px}}ul a,ul button{color:var(--color-light);text-transform:uppercase;font-size:1rem;font-weight:700}*,:after,:before{box-sizing:inherit}ul{width:100%;padding:var(--spacing-default) var(--spacing-box);flex-direction:column}ul li{margin:0 0 var(--spacing-box);padding:0;list-style-type:none}@media (min-width:400px){ul{background-color:var(--color-light);align-items:stretch;flex-direction:row;padding:0;margin:-3px 0 0;justify-content:flex-end}ul li{margin:0 var(--spacing-box) 0 0}}ul li:last-child{margin-right:0}ul a{text-decoration:none;justify-content:center;align-items:center}@media (min-width:400px){ul a{justify-content:flex-start;color:var(--color-dark);height:var(--header-height)}}ul button{background-color:var(--color-primary);border-radius:5px;text-align:center;padding:10px 30px;letter-spacing:.1rem;display:inline-block;cursor:pointer;border:0}ul button:hover{transition:background-color 0s ease-in;background-color:var(--color-hover)}