:root {--gutter: 26px;--mobile-margin: 16px;--locking-grid: true;}:root {--mq-xs: 320px;--mq-sm: 479px;--mq-md: 700px;--mq-lg: 1024px;--mq-xl: 1280px;--max-width: 1185px;}.section--grades {margin: 32px 0 24px;}.section--grades .section__title {margin: 0 0 2em;font-family: var(--ff2);font-weight: 400;font-size: 144%;line-height: .77em;letter-spacing: 0.25px;text-transform: uppercase;}.section--grades .section__title::after {content: '';display: block;width: 203px;height: 1px;margin-top: 14px;background-color: var(--c1);}.section--grades .navbar {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0;padding: 0;margin-bottom: 16px;}.section--grades .navbar .menuitem {background-color: white;-webkit-box-shadow: 0 4px 8px rgba(176,190,197,0.24);box-shadow: 0 4px 8px rgba(176,190,197,0.24);list-style: none;margin-right: 8px;margin-bottom: 8px;border: 1px solid var(--cborder);border-radius: 18px;}.section--grades .navbar .menuitem span {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0 18px;height: 32px;font-size: 14px;color: var(--ctxt);}