@font-face {
  font-family: Laygrotesk;
  src: url('../fonts/LayGrotesk-Regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Laygrotesk;
  src: url('../fonts/LayGrotesk-Medium.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Laygrotesk;
  src: url('../fonts/LayGrotesk-Semibold.woff') format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Product sans;
  src: url('../fonts/Product-Sans-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Product sans;
  src: url('../fonts/Product-Sans-Bold-Italic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Product sans;
  src: url('../fonts/Product-Sans-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Product sans;
  src: url('../fonts/Product-Sans-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Product sans;
  src: url('../fonts/Product-Sans-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Product sans;
  src: url('../fonts/Product-Sans-Medium-Italic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Product sans;
  src: url('../fonts/Product-Sans-Light-Italic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Robotomono;
  src: url('../fonts/RobotoMono-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Robotomono;
  src: url('../fonts/RobotoMono-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Robotomono;
  src: url('../fonts/RobotoMono-ExtraLightItalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Robotomono;
  src: url('../fonts/RobotoMono-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Robotomono;
  src: url('../fonts/RobotoMono-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Robotomono;
  src: url('../fonts/RobotoMono-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Robotomono;
  src: url('../fonts/RobotoMono-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Robotomono;
  src: url('../fonts/RobotoMono-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Robotomono;
  src: url('../fonts/RobotoMono-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Robotomono;
  src: url('../fonts/RobotoMono-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Robotomono;
  src: url('../fonts/RobotoMono-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Robotomono;
  src: url('../fonts/RobotoMono-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Robotomono;
  src: url('../fonts/RobotoMono-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Robotomono;
  src: url('../fonts/RobotoMono-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --dark-color: #161616;
  --motor-red: #ff2525;
  --dark-grey: #a0a0a0;
  --white: white;
  --white-smoke: #f1f1f1;
  --body-grey: #505050;
  --bright-red: #ff0000bf;
  --light-black: #292929;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.w-page-count {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: var(--dark-color);
  letter-spacing: .5px;
  text-wrap: pretty;
  font-family: Laygrotesk, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5rem;
  font-weight: 600;
  line-height: 1.1;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 1.2;
}

h3 {
  text-transform: capitalize;
  font-weight: 500;
  line-height: 1.2;
  font-size: inherit;
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.4;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.4;
}

h6, p {
  margin-top: 0;
  margin-bottom: 0;
}

a {
  text-decoration: none;
  transition: all .35s;
}

a:hover {
  color: var(--motor-red);
}

img {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: inline-block;
}

blockquote {
  border-left: .4em solid #e2e2e2;
  margin-bottom: 1em;
  padding: 1em 2em;
  font-size: 140%;
  line-height: 1.6;
}

figure {
  margin-bottom: 10px;
}

.container {
  z-index: 2;
  width: 70%;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.style_item {
  border-bottom: .1em solid #bdbdbd;
  padding: 2em 0;
}

.embed-global {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.section {
  position: relative;
}

.c-svg {
  color: #0fa3be;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  display: flex;
  position: relative;
}

.c-nav_dropdown-item {
  border-radius: 1em;
  width: 100%;
  padding: 3rem;
  box-shadow: 1px 1px 15px 3px #0000000f;
}

.g-nav_logo-home {
  margin-right: auto;
}

.c-nav_dropdown-list {
  background-color: #fff;
  border-radius: 1em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 20rem;
  display: none;
  position: relative;
}

.icon {
  width: 4em;
  height: 4em;
  margin-right: 1em;
}

.icon.is--nav {
  color: #d8d8d8;
  flex: none;
  width: 2em;
  height: 2em;
  margin-right: .75em;
}

.g-nav_mobile-icon {
  width: 2rem;
  display: none;
}

.dropdown_link {
  color: #000;
  flex: none;
  margin-top: 0;
  font-size: 1em;
}

.dropdown_link.w--current {
  color: var(--motor-red);
  border: 0 solid #000;
  font-weight: 400;
}

.dropdown_title {
  color: #ddd;
  text-transform: uppercase;
  margin-bottom: .5em;
  font-weight: 500;
}

.g-nav_mobile-trigger {
  display: block;
}

.dropdown-list_contain {
  align-items: center;
  width: 100%;
  margin-top: .75em;
  transition: all .325s;
  display: flex;
}

.dropdown-list_contain:hover {
  color: #03c2f3;
}

.c-nav_link-text {
  margin-top: 0;
}

.g-nav {
  z-index: 10;
  background-color: #fff;
  justify-content: space-between;
  padding: 1rem 2.5rem;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.nav_link-line {
  opacity: 0;
  background-color: #0fa3be;
  width: 100%;
  height: 2px;
}

.c-nav_link-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.g-nav_link {
  color: #222;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
  position: relative;
}

.c-nav_icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  margin-left: .5rem;
  display: flex;
}

.g-nav_menu-scroll {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.c-nav_dropdown {
  height: 0;
  min-height: 0;
  max-height: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.g-nav_menu-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.g-nav_menu {
  justify-content: space-between;
  align-items: center;
  display: none;
}

.margin-small {
  margin: 1rem;
}

.overflow-scroll {
  overflow: scroll;
}

.padding-horizontal {
  padding: 0 4rem;
}

.padding-vertical, .padding-vertical.padding-medium, .padding-vertical.padding-header, .padding-vertical.padding-large, .padding-vertical.padding-xxhuge, .padding-vertical.padding-xlarge, .padding-vertical.padding-huge {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-default {
  padding: 9rem 0 8rem;
}

.show-mobile-portrait {
  display: none;
}

.heading-large {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.margin-xxsmall {
  margin: .25rem;
}

.text-size-medium {
  font-size: 1.25rem;
}

.show {
  display: block;
}

.text-size-large {
  font-size: 1.5rem;
}

.text-color-grey {
  color: var(--dark-grey);
}

.icon-1x1-medium {
  border-radius: 100%;
  width: 3rem;
  height: 3rem;
}

.button-secondary {
  color: #386eec;
  text-align: center;
  background-color: #0000;
  border: .125rem solid #386eec;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.25rem;
  font-weight: 600;
}

.padding-small {
  padding: 1rem;
}

.background-color-white {
  background-color: #fff;
}

.text-weight-bold {
  font-weight: 700;
}

.text-style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.padding-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.form-radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form-radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form-radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.fs-styleguide_row {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  display: grid;
}

.fs-styleguide_row.is-for-social-icons {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
}

.text-size-tiny {
  font-size: .75rem;
}

.icon-1x1-large {
  width: 4rem;
  height: 4rem;
}

.padding-xsmall {
  padding: .5rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.text-style-nowrap {
  white-space: nowrap;
}

.max-width-large {
  width: 100%;
  max-width: 60rem;
}

.button-2 {
  color: #fff;
  text-align: center;
  background-color: #386eec;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.25rem;
  font-weight: 600;
}

.padding-top, .padding-top.padding-medium, .padding-top.padding-large {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-top.padding-large.black {
  background-color: var(--dark-color);
}

.padding-top.blog {
  padding-top: 10rem;
}

.margin-large {
  margin: 3rem;
}

.background-color-black {
  background-color: var(--dark-color);
  color: #f5f5f5;
}

.text-style-muted {
  opacity: .6;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.overflow-auto {
  overflow: auto;
}

.form-message-success {
  padding: 1.25rem;
}

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.fs-styleguide_section-type {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #000;
  padding: 1.25rem;
  font-size: 1rem;
  font-weight: 600;
}

.container-medium {
  width: 100%;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}

.background-color-grey {
  background-color: #a8c1d833;
}

.text-size-small {
  font-size: .875rem;
}

.text-color-black {
  color: #000;
}

.fs-styleguide_page-header {
  border-bottom: 2px solid #e6e6e6;
  margin-bottom: 2rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padding-medium {
  padding: 3.5rem;
}

.margin-xsmall {
  margin: .5rem;
}

.heading-xlarge {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

.padding-xhuge {
  padding: 8rem;
}

.form-message-error {
  margin-top: .75rem;
  padding: .75rem;
}

.text-weight-light {
  font-weight: 300;
}

.text-style-link {
  text-decoration: underline;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.padding-bottom, .padding-bottom.padding-large {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.margin-top {
  margin: .75rem 0 0;
}

.margin-top.margin-medium {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.icon-1x1-small {
  width: 1.5rem;
  height: 1.5rem;
}

.icon-medium {
  height: 3rem;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.icon-large {
  height: 4rem;
}

.button-text {
  color: #386eec;
  text-align: center;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.25rem;
  font-weight: 600;
}

.padding-tiny {
  padding: .125rem;
}

.text-align-center {
  text-align: center;
}

.padding-xxlarge {
  padding: 5rem;
}

.padding-huge {
  padding: 6rem;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.align-center.max-width-medium {
  display: block;
}

.text-weight-xbold {
  font-weight: 800;
}

.form-checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form-checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form-checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.heading-medium {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

.max-width-medium {
  width: 100%;
  max-width: 50rem;
  position: relative;
}

.fs-styleguide_section {
  grid-column-gap: 4rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: grid;
}

.icon-small {
  height: 2rem;
}

.show-mobile-landscape {
  display: none;
}

.margin-tiny {
  margin: .125rem;
}

.text-weight-semibold {
  font-weight: 600;
}

.form-input {
  background-color: #0000;
  border-radius: .25rem;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .55rem 1.5rem;
}

.form-input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
}

.form-input.is-filter {
  color: var(--white);
  background-color: #1a1a1a;
  border: 1px #000;
  margin-bottom: 0;
}

.padding-xxhuge {
  padding: 12rem;
}

.text-weight-normal {
  font-weight: 400;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.padding-large {
  padding: 5rem;
}

.padding-0 {
  padding: 0;
}

.text-weight-medium {
  font-weight: 500;
}

.fs-styleguide_color-sample {
  background-color: #f5f5f5;
  margin-top: .5rem;
  padding: 5rem;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.z-1 {
  z-index: 1;
  position: relative;
}

.heading-xsmall {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.5;
}

.padding-xlarge {
  padding: 4rem;
}

.text-align-right {
  text-align: right;
}

.show-tablet {
  display: none;
}

.text-align-left {
  text-align: left;
}

.form-wrapper {
  margin-bottom: 0;
}

.form-radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.text-size-regular {
  font-size: 1rem;
}

.margin-huge {
  margin: 6rem;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.margin-xlarge {
  margin: 4rem;
}

.fs-styleguide_classes {
  display: none;
}

.max-width-small {
  width: 100%;
  max-width: 20rem;
}

.z-2 {
  z-index: 2;
  position: relative;
}

.heading-small {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.page-padding {
  padding-left: 3rem;
  padding-right: 3rem;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.margin-medium {
  margin: 3.5rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.margin-0 {
  margin: 0;
}

.text-style-italic {
  font-style: italic;
}

.container-small {
  width: 100%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}

.fs-styleguide_3-col {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.overflow-hidden {
  overflow: hidden;
}

.margin-xhuge {
  margin: 8rem;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.text-rich-text h2 {
  margin-top: 3rem;
  margin-bottom: .75rem;
  font-size: 2.5rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.text-rich-text h3 {
  text-transform: none;
  margin-top: 2rem;
  margin-bottom: .75rem;
  font-family: Product sans, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
}

.text-rich-text h4 {
  margin-top: 2rem;
  margin-bottom: .75rem;
  font-size: 1.25rem;
  font-weight: 400;
}

.text-rich-text blockquote {
  border-left-color: var(--motor-red);
  background-color: #ff252517;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  font-size: .875rem;
  font-style: italic;
}

.text-rich-text a {
  color: var(--motor-red);
  text-decoration: underline;
}

.text-rich-text figure {
  margin: 2rem 0;
}

.margin-xxhuge {
  margin: 12rem;
}

.fs-styleguide_2-col {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: start;
  display: grid;
}

.fs-styleguide_background-spacer {
  height: 5rem;
}

.fs-styleguide_1-col {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fs-styleguide_1-col.gap-medium {
  grid-row-gap: 2.5rem;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.hide {
  color: var(--white);
  display: none;
}

.padding-xxsmall {
  padding: .25rem;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.form-checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.g-nav_dropdown-list.w--open {
  min-height: 50vh;
  position: fixed;
  left: 0;
  right: 0;
}

.g-nav_dropdown-trigger {
  justify-content: space-between;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
  position: static;
}

.div-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.g-nav_dropdown {
  transition: all .2s;
  position: relative;
}

.g-nav_dropdown-icon {
  color: #015eff;
  width: .75rem;
  height: auto;
  margin-left: .5rem;
}

.g-logo {
  object-fit: contain;
  width: 10rem;
  height: auto;
}

.g-footer {
  background-color: var(--white-smoke);
}

.g-footer_container {
  width: 100%;
  max-width: 95rem;
  margin-left: auto;
  margin-right: auto;
  padding: 3rem 4.5rem;
}

.g-footer_link-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr .75fr .25fr;
  grid-auto-columns: 1fr;
  display: none;
}

.g-footer_section-title {
  color: #fff;
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.g-footer_list {
  padding-left: 0;
}

.g-footer_list-tem {
  color: var(--dark-grey);
  margin-bottom: .5rem;
  list-style-type: none;
}

.g-footer_list-link {
  transition: color .3s;
}

.g-footer_list-link:hover, .g-footer_logo-link {
  color: #fff;
}

.g-footer_logo {
  width: 5rem;
}

.g-footer_credit-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-top: 3.5rem;
  font-size: .625rem;
  display: block;
}

.g-footer_legal {
  color: var(--dark-grey);
}

.g-nav_link-2 {
  color: #222;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
  position: relative;
}

.g-nav_link-2.w--current {
  color: #609f1a;
}

.text-style-subheading {
  color: #fff;
  text-transform: capitalize;
  margin-bottom: .75rem;
  font-size: 1.25rem;
  font-weight: 400;
}

.text-style-subheading.text-color-black {
  color: var(--dark-color);
}

.text-style-subheading.text-color-black.no-margin {
  margin-bottom: 0;
}

.button {
  background-color: var(--motor-red);
  border-radius: 50vw;
  padding: .7rem 2.5rem;
}

.p-container {
  padding-top: 1rem;
}

.text-color-red {
  color: var(--motor-red);
}

.content_container {
  grid-row-gap: 2rem;
  flex-direction: column;
  max-width: 100%;
  display: flex;
}

.content_container.horizontal-flex {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.content_container.horizontal-flex.align-left {
  justify-content: flex-start;
}

.featured-article_layout {
  grid-column-gap: 5rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  display: grid;
  position: relative;
}

.motor-news_information {
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.article_date {
  color: var(--dark-grey);
  font-size: .9rem;
  font-weight: 400;
  line-height: 1;
}

.text-style-title {
  font-size: 1.5rem;
  font-weight: 500;
}

.article-main_image-wrapper {
  border-radius: 5px;
  width: 100%;
  height: 30rem;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
}

.cta_wrap {
  width: 100%;
  color: var(--white);
  background-image: linear-gradient(#d30000e6, #d30000e6), url('../images/msi-cta-image01.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5rem 3.5rem;
  display: flex;
  overflow: hidden;
}

.max-width-xmedium {
  width: 100%;
  max-width: 56rem;
}

.g-footer_landing {
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-landing_text {
  color: #fff;
  text-align: center;
  margin-left: 1rem;
  margin-right: 1rem;
  transition: all .35s;
}

.footer-landing_text:hover, .footer-landing_text.text-color-red {
  color: var(--motor-red);
}

.form_component {
  width: 100%;
  margin-top: 2.5rem;
  margin-bottom: 0;
}

.form_wrapper {
  align-items: stretch;
}

.form_wrapper.is-join-cta {
  display: flex;
}

.form_input-field {
  min-height: 3.5rem;
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px #000;
  border-bottom-style: solid;
  margin-bottom: 0;
  margin-right: 1rem;
  padding: .5rem 1.5rem;
  font-weight: 300;
}

.form_input-field::placeholder {
  color: var(--white);
}

.form_input-field.red, .form_input-field.black-text {
  border-bottom-color: var(--motor-red);
}

.form_input-field.black-text::placeholder {
  color: var(--dark-color);
}

.form_submit {
  background-color: #0000;
  background-image: repeating-linear-gradient(290deg, transparent, transparent 8%, var(--dark-color) 8%, var(--dark-color) 21%, black 59%, var(--dark-color) 90%, transparent 90%, #0000 94%, transparent);
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: .5rem 4rem;
  font-weight: 300;
  line-height: 1;
}

.form_submit.red {
  background-image: repeating-linear-gradient(290deg, transparent, transparent 8%, var(--motor-red) 8%, var(--motor-red) 21%, var(--motor-red) 59%, var(--motor-red) 90%, #0000 90%, transparent 92%, transparent);
}

.form_submit.red.btn-padding {
  padding-top: .8rem;
  padding-bottom: .8rem;
}

.form_submit.red.is-nav {
  color: var(--white);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.form_submit.btn-padding {
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.form_submit.align-right {
  margin-left: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: block;
}

.form_submit.align-right.hide {
  display: none;
}

.form_submit.is-driver {
  margin-left: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.form-success {
  background-color: var(--dark-color);
  color: var(--white);
  padding: 2rem;
}

.form-success.cc-red {
  background-color: var(--motor-red);
}

.f1-swag_image {
  background-color: #f1f1f3;
}

.g-nav_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 95rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.giveaway-form_wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.input_wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 1rem;
  width: 100%;
  display: flex;
}

.padding-header {
  padding: 15rem 10rem 10rem;
}

.upcoming-events {
  grid-column-gap: 5rem;
  grid-row-gap: 0rem;
  background-color: var(--white);
  color: var(--dark-color);
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  padding-top: 2rem;
  padding-bottom: 6rem;
  display: flex;
}

.upcoming-events_item {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
}

.upcoming-events_track {
  object-fit: contain;
  width: 5rem;
  height: 5rem;
}

.upcoming-events_content {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.upcoming-events_subheading {
  color: var(--motor-red);
  text-transform: uppercase;
  margin-bottom: .25rem;
  font-size: .875rem;
}

.upcoming-events_title {
  white-space: nowrap;
  font-size: 1.25rem;
}

.resources_top-right {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.resources_top-right:hover {
  border-top-width: 3px;
  border-top-color: var(--motor-red);
  border-right-width: 3px;
  border-right-color: var(--motor-red);
}

.button-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--motor-red);
  text-transform: capitalize;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.button-link_icon {
  width: 1rem;
  height: 1rem;
  transition: transform .35s;
  display: flex;
}

.article_cms_item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
}

.article_cms_item.cc-single {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  grid-template-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: .9375rem;
}

.article_cms_item.cc-default {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.article_cms_item.is-stack {
  grid-template-columns: 1fr;
}

.resources_image {
  border-radius: 5px;
  min-width: 12rem;
  max-width: none;
  height: 6.5rem;
}

.resources_image.cc-default {
  height: 18rem;
}

.resources_image.cc-single {
  height: 25rem;
}

.resources_image.cc-side {
  width: 12%;
}

.article_cms_content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.article-sub_title {
  font-size: 1.125rem;
}

.track-item {
  grid-column-gap: .25rem;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.rbt a {
  color: var(--motor-red);
  text-decoration: underline;
}

.blog-image {
  object-fit: cover;
  max-height: 700px;
  margin-bottom: 10px;
  position: static;
}

.article_hero_heading {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.blog-h1 {
  font-size: 3rem;
}

.padding-bottom-small {
  padding-bottom: 10px;
}

.blog-date {
  color: var(--dark-grey);
  font-weight: 700;
}

.blog-date.padding-top-small {
  padding-top: 10px;
}

.article_cms_author-image {
  border-radius: 100%;
  width: 5rem;
  height: 5rem;
}

.article_cms_author-name {
  color: var(--motor-red);
  font-size: 1.125rem;
  font-weight: 500;
}

.article_cms_author-name.light-font {
  font-weight: 300;
}

.article_cms_author {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.article_cms_author:hover {
  color: var(--dark-color);
}

.article_cms_author.is-right-align {
  justify-content: flex-end;
  align-items: center;
}

.article_hero {
  grid-column-gap: 5rem;
  grid-row-gap: 3rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  width: 80%;
  max-width: 85rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.article-ad {
  min-height: 50rem;
  max-height: 50rem;
  display: none;
}

.featured-blog-image {
  max-width: 85rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.article-content_grid {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.gallery_component {
  width: 100%;
}

.gallery_list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-left: 3rem;
  display: flex;
}

.gallery_item {
  background-color: var(--white);
  width: 30.5%;
  height: 20rem;
  font-size: 1.25rem;
  position: relative;
}

.gallery_filters {
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
}

.gallery_filters-form {
  margin-bottom: 0;
  margin-left: auto;
}

.gallery_filters-form-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
  display: flex;
}

.gallery_filters-navigation {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.gallery_filters-navigation_line-default {
  background-color: var(--body-grey);
  width: 100%;
  height: 3px;
  position: absolute;
  inset: auto 0% 0%;
}

.collection-item {
  margin-bottom: 2rem;
  position: relative;
}

.collection-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.collection-item-2 {
  width: 100%;
  padding-right: 0;
}

.article_trigger {
  position: absolute;
  inset: 0%;
}

.gallery_filters-search {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--body-grey);
  align-items: center;
  display: flex;
}

.gallery_filters-form-container {
  flex-direction: row;
  justify-content: space-between;
  height: 100%;
  display: flex;
  position: relative;
}

.image-wrapper {
  z-index: 5;
  border-radius: .25rem;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: clip;
}

.image-wrapper.is-75 {
  padding-top: 75%;
}

.image-wrapper.is-90 {
  padding-top: 90%;
}

.gallery_lightbox-overlay {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  opacity: 0;
  background-image: linear-gradient(#0000, #111111e6 80%);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 2rem;
  font-weight: 500;
  transition: opacity .325s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.gallery_lightbox-overlay:hover {
  opacity: 1;
}

.g-nav_link-wrapper {
  grid-column-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-link {
  color: var(--dark-color);
  font-weight: 500;
  transition: all .35s;
  display: block;
}

.nav-link:hover {
  color: var(--motor-red);
}

.collection-list-wrapper {
  width: 100%;
}

.collection-list-wrapper-2 {
  align-items: center;
  display: flex;
}

.collection-list-2 {
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
}

.horizontal-flex {
  justify-content: flex-start;
  display: flex;
}

.horizontal-flex.gap-column-small {
  grid-column-gap: 3rem;
}

.horizontal-flex.justify-center {
  justify-content: center;
}

.horizontal-flex.justify-center.column-gap-small {
  grid-column-gap: 2rem;
}

.horizontal-flex.gap-column-xsmall {
  grid-column-gap: 1.5rem;
}

.news-content {
  flex-direction: column;
  justify-content: space-between;
  min-height: 12rem;
  display: flex;
}

.four-column-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.four-column-grid.is-one-row {
  grid-template-rows: auto;
}

.driver-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  height: 26rem;
  display: flex;
  position: static;
}

.driver-images-wrapper {
  align-items: flex-end;
  height: 100%;
  min-height: 15rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.driver-number {
  object-fit: contain;
  max-width: 25%;
  height: 30%;
}

.driver-info-wrapper {
  grid-row-gap: 1rem;
  background-color: #f5f5f5;
  flex-direction: column;
  justify-content: flex-start;
  padding: 1rem;
  display: flex;
}

.team-colour-bar {
  background-color: var(--motor-red);
  width: .25rem;
  height: 4rem;
}

.driver-first-name {
  text-transform: uppercase;
}

.driver-second-name {
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1;
}

.driver-flag {
  object-fit: contain;
  max-width: 20%;
  margin-left: auto;
}

.div-block-3 {
  margin-left: 1rem;
}

.driver-top-info {
  justify-content: space-around;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-4 {
  background-color: #8e8e8e;
  width: 100%;
  height: .05rem;
  margin-top: 1rem;
}

.driver-team {
  color: var(--body-grey);
  text-transform: uppercase;
  padding-left: .5rem;
  font-size: .8rem;
  font-weight: 300;
  line-height: 1.5;
}

.driver-image {
  z-index: 2;
  object-fit: cover;
  flex: 0 auto;
  max-width: 70%;
  height: 100%;
  display: block;
  position: relative;
  inset: 1rem 0% 0% auto;
}

.div-block-5 {
  z-index: 1;
  background-color: var(--motor-red);
  height: .25rem;
  position: relative;
  inset: 0%;
}

.div-block-6 {
  z-index: 1;
  position: absolute;
  inset: auto 0% 0%;
}

.race-tab-flag {
  object-fit: contain;
  max-width: 5rem;
  height: 5rem;
}

.race-tab-flag.is-tab {
  max-width: 2rem;
  height: 2rem;
}

.race-tab-track-image {
  object-fit: contain;
  max-width: 27rem;
}

.next, .previous {
  color: var(--white);
  background-color: #0000;
  border-width: 0;
  border-color: #0000;
}

.pagination-2 {
  grid-column-gap: 1rem;
  align-items: center;
  margin-top: 2rem;
}

.page-count {
  display: none;
}

.gallery_tabs {
  flex-direction: column;
  display: flex;
}

.gallery_tabs-menu {
  justify-content: center;
  align-items: center;
  display: flex;
}

.gallery_tabs-menu_link {
  border-style: none none solid;
  border-width: 1.25px 1.25px 2px;
  border-color: transparent transparent var(--body-grey);
  background-color: #0000;
  transition: border-color .3s;
}

.gallery_tabs-menu_link.w--current {
  border-color: var(--white);
  background-color: #0000;
}

.gallery_tabs-content {
  margin-top: 3rem;
}

.nest_source-link {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.gallery_lightbox-bottom {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  width: 100%;
  font-size: 1.125rem;
  display: flex;
}

.gallery_lightbox-bottom_profile {
  background-color: var(--body-grey);
  border-radius: 50vw;
  width: 2rem;
  height: 2rem;
  overflow: hidden;
}

.gallery_lightbox-bottom_icon {
  width: 1rem;
  height: 1rem;
  display: flex;
}

.paragraph-5 {
  display: none;
}

.div-block-8 {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 40rem;
  display: flex;
}

.image-3 {
  min-height: 29rem;
}

.footer {
  background-color: var(--dark-color);
  color: var(--white);
  border-bottom: 1px solid #e4ebf3;
  padding: 5rem 3rem;
  position: relative;
}

.footer-wrapper {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer_media-container {
  margin-bottom: 0;
  padding: 2rem;
}

.footer-form-container-two {
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-form-block-two {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.f-link-warpper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-link {
  color: #fff;
  margin-left: 20px;
  margin-right: 20px;
  text-decoration: none;
  transition: all .35s;
}

.footer-link:hover {
  color: var(--motor-red);
}

.f-social-wrapper {
  filter: invert();
  justify-content: flex-start;
  align-items: center;
  margin-left: -32px;
  display: flex;
}

.f-social-wrapper.hide {
  display: none;
}

.f-social-link {
  margin-left: 32px;
}

.f-divider {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.f-bottom-content {
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-copyright {
  color: var(--white);
}

.footer-legal-block {
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.footer-legal-link {
  color: var(--white);
  margin-left: 24px;
  transition: all .35s;
}

.footer-legal-link:hover {
  color: var(--motor-red);
}

.race-content-wrapper {
  grid-column-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.race-info-wrapper {
  grid-row-gap: .5rem;
  flex-direction: column;
  min-width: 50rem;
  display: flex;
}

.race-name {
  font-size: 2rem;
}

.race-date {
  color: #909090;
}

.race-event-times-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: stretch;
  place-items: stretch stretch;
  padding-top: 1rem;
  display: grid;
}

.race-event-info-item-wrapper {
  grid-column-gap: 1rem;
  padding-right: 5rem;
  display: flex;
}

.race-date-info {
  text-transform: uppercase;
  flex: 0 auto;
  margin-left: auto;
}

.race-date-info.is-day {
  color: var(--dark-grey);
}

.race-event-name {
  text-transform: uppercase;
  min-width: 7rem;
}

.race-tab-link {
  background-color: #0000;
  border-bottom: 2px solid #0000;
}

.race-tab-link.w--current {
  border-bottom: 2px solid var(--motor-red);
  background-color: #0000;
}

.tabs-menu {
  flex-flow: wrap;
  justify-content: center;
  display: flex;
}

.race-tab-pane {
  margin-top: 8rem;
}

.race-timezone {
  color: #fff;
  white-space: nowrap;
  font-size: 1rem;
}

.race-country-info {
  height: 100%;
}

.race-country-info.is-tab-link {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.race-country {
  color: var(--dark-grey);
}

.race-country.is-tab {
  text-align: center;
  white-space: nowrap;
  width: 100%;
  min-width: .75rem;
  font-size: .75rem;
}

.tab-date-number {
  font-size: 2rem;
  line-height: 1.2;
}

.f-logo {
  max-width: 15rem;
}

.nav-non-cta-wrapper {
  grid-column-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.race-track_tabs {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.race-track_tabs-menu {
  display: block;
}

.article-image-wrapper {
  width: 100%;
  height: 30rem;
}

.g-logo-mobile {
  object-fit: contain;
  width: 13rem;
  height: auto;
  display: none;
}

.dropdown-toggle {
  padding: 1rem 2rem 1rem 0;
  transition: all .35s;
}

.icon-2 {
  color: #000;
  padding-left: 1rem;
}

.dropdown-list {
  background-color: #aa9d9d;
}

.dropdown-list.w--open {
  border-bottom: 2px solid var(--motor-red);
  color: #000;
  background-color: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
}

.ad-banner {
  background-color: var(--dark-grey);
  object-fit: cover;
  max-width: 16.625rem;
  min-height: 48.75rem;
  margin-left: auto;
}

.tabs-content {
  overflow: visible;
}

.logo-wrapper {
  grid-column-gap: 3rem;
  display: flex;
}

.logo-image {
  object-fit: contain;
  max-width: 5rem;
}

.coverage_info-wrapper {
  font-family: Robotomono, sans-serif;
  font-size: 1.2rem;
}

.three-column-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-author-wrapper {
  grid-column-gap: 2rem;
  text-transform: uppercase;
  background-color: #d9d9d926;
  border: 1px solid #000;
  max-width: 20rem;
  padding: 1rem 2rem;
  font-family: Robotomono, sans-serif;
  transition: all .35s;
  display: flex;
}

.about-author-wrapper:hover {
  border: 1px solid var(--motor-red);
}

.author-name {
  font-size: 1.21rem;
}

.image-8 {
  max-width: 50%;
  height: 85%;
  margin-top: 5.5rem;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.max-width-smedium {
  max-width: 40rem;
}

.text-block {
  color: #000;
  transition: all .35s;
}

.text-block:hover {
  color: var(--motor-red);
}

.upcoming-events_cl-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.article_featured-video {
  color: var(--bright-red);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.article_featured-video:hover {
  color: var(--motor-red);
  transform: scale(1.2);
}

.icon-embed-xlarge {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 6.5rem;
  height: 6.5rem;
  display: flex;
}

.popup_component {
  z-index: 10;
  justify-content: center;
  align-items: center;
  padding: 5.5rem 5rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.popup_wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-radius: .5rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 56rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
  overflow: hidden;
}

.popup_content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--white);
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 3.5rem;
  display: flex;
}

.form_input {
  min-height: 3rem;
  color: var(--dark-color);
  letter-spacing: 1px;
  background-color: #0000;
  border: 1px #000;
  border-bottom-style: solid;
  margin-bottom: 1rem;
  padding: .5rem 1rem;
  font-weight: 300;
  transition: border-color .325s;
}

.form_input:hover, .form_input:focus {
  border-bottom-color: var(--motor-red);
}

.form_input::placeholder {
  color: var(--dark-grey);
}

.popup_image {
  max-width: none;
}

.popup_background {
  background-color: #000000e6;
  position: absolute;
  inset: 0%;
}

.featured-article_wrap {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-direction: column;
  display: flex;
}

.article_cl-wrapper.is-sticky {
  position: sticky;
  top: 8rem;
}

.article_cl-list {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.article_cl-list.cc-article-side {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.article_cl-list.cc-article-single {
  display: flex;
}

.article_cl-item {
  width: 100%;
  height: 100%;
  position: relative;
}

.article_cms_title.cc-single {
  font-size: 3rem;
}

.article_cms_title.cc-side {
  font-size: 1.5rem;
}

.article_cms_title.is-style1 {
  font-size: 1.25rem;
  font-weight: 600;
}

.heading-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;
}

.article-body_component {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.fs-toc_sidebar {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #a8c1d833;
  border-radius: .5rem;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: auto;
  padding: 2rem;
  display: flex;
  position: sticky;
  top: 8rem;
}

.fs-toc_link-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fs-toc_link-wrapper {
  color: #f5f5f5;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  overflow: hidden;
}

.fs-toc_link-wrapper.is-h2 {
  font-size: 2.75rem;
}

.fs-toc_link-wrapper.is-h3 {
  padding-left: .75rem;
}

.fs-toc_link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #3a3a3a;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: .25rem;
  font-size: .9375rem;
  text-decoration: none;
  display: flex;
}

.fs-toc_link.w--current {
  color: var(--motor-red);
}

.fs-toc_link.is-h3 {
  letter-spacing: .025rem;
  font-size: .75rem;
}

.fs-toc_link.is-h3.w--current {
  color: #ff25259e;
}

.fs-toc_h-trigger {
  display: none;
}

.newsletter {
  font-size: 2.5rem;
}

.collection-list-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.collection-list-list.is-photo-gallery {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-list.is-side-article {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-list.is-posts {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-list.is-featured-article {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-item {
  width: 100%;
  height: 100%;
  position: relative;
}

.image-absolute {
  position: absolute;
  inset: 0%;
}

.image-absolute.is-align-top {
  object-position: 50% 0%;
}

.article_cms_subhead-wrpa {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  font-size: .875rem;
  display: flex;
}

.article_cms_absolute-link {
  z-index: 10;
  position: absolute;
  inset: 0%;
}

.heading-style-h0 {
  font-size: 4rem;
  font-weight: 500;
}

.sponsor_layout {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .35fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.sponsor_feature-card {
  width: 100%;
  color: var(--white);
  border-radius: .25rem;
  padding-top: 180%;
  position: sticky;
  top: 8rem;
  overflow: clip;
}

.sponsor_feature-card:hover {
  color: var(--white);
}

.sponsor_feature-overlay {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-image: linear-gradient(180deg, #fff0, var(--dark-color));
  flex-flow: column;
  justify-content: flex-end;
  padding: 1.5rem;
  font-size: 2rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text-style-eyebrow {
  font-size: .875rem;
  font-weight: 400;
}

.heading-style-h1 {
  font-size: 4rem;
}

.grid-2c_layout {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.author_hero_socials {
  margin-top: auto;
}

.author_hero_socials-link {
  width: 2rem;
  height: 2rem;
  color: var(--motor-red);
}

.author_hero_socials-link:hover {
  color: var(--bright-red);
}

.article_text-rich-text h2 {
  margin-top: 3rem;
  margin-bottom: .75rem;
  font-size: 2.5rem;
}

.article_text-rich-text h3 {
  text-transform: none;
  margin-top: 2rem;
  margin-bottom: .75rem;
  font-family: Product sans, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
}

.article_text-rich-text h4 {
  margin-top: 2rem;
  margin-bottom: .75rem;
  font-size: 1.25rem;
  font-weight: 400;
}

.article_text-rich-text blockquote {
  border-left-color: var(--motor-red);
  background-color: #ff252517;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  font-size: .875rem;
  font-style: italic;
}

.article_text-rich-text a {
  color: var(--motor-red);
  text-decoration: underline;
}

.article_text-rich-text figure {
  margin: 2rem 0;
}

.cms-pagination {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1.5rem;
}

.cms-pagination_button {
  background-color: var(--white-smoke);
  color: var(--dark-color);
  text-align: center;
  background-image: none;
  border-style: none;
  margin-left: 0;
  margin-right: 0;
  padding: .75rem 1.25rem;
}

.heading-style-h3 {
  font-size: 2rem;
  font-weight: 500;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 14px;
  }

  h1 {
    font-size: 4rem;
  }

  h2 {
    font-size: 2.5rem;
  }

  .g-nav_logo-home {
    z-index: 30;
    position: relative;
  }

  .c-nav_dropdown-list {
    width: 100%;
    height: auto;
    display: flex;
    top: 0;
  }

  .icon {
    width: 3em;
    height: auto;
  }

  .icon.is--nav {
    display: none;
  }

  .g-nav_mobile-icon {
    width: 2.5rem;
  }

  .dropdown_link {
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .g-nav_mobile-trigger {
    z-index: 2;
    padding: .5em 1.5em;
    display: none;
    position: relative;
  }

  .dropdown-list_contain {
    color: #03c2f3;
    flex-direction: column;
    align-items: flex-start;
    margin-top: .25em;
  }

  .c-nav_link-text {
    line-height: 1.5;
  }

  .g-nav {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .nav_link-line {
    height: 3px;
    display: none;
  }

  .c-nav_link-wrap {
    border-bottom-width: .1em;
    border-bottom-color: #191821;
    justify-content: space-between;
    width: 100%;
    min-height: 3em;
    padding: .9em 1.1em;
  }

  .g-nav_link {
    border-bottom-width: .1em;
    border-bottom-color: #191821;
    align-items: flex-start;
    width: 100%;
    padding-top: .9em;
    padding-bottom: .9em;
    font-size: 20px;
  }

  .g-nav_link.w--current {
    border-bottom-style: none;
  }

  .g-nav_link.is--dropdown {
    border-bottom-width: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
  }

  .g-nav_menu-scroll {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    padding: 8.5rem 3.5rem;
    overflow: scroll;
  }

  .c-nav_dropdown {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    position: relative;
    overflow: hidden;
  }

  .g-nav_menu-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: block;
  }

  .g-nav_menu {
    z-index: 1;
    background-color: var(--dark-grey);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: none;
    position: absolute;
    inset: 0% 0% auto;
    overflow: hidden;
  }

  .padding-horizontal {
    padding: 0 3rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-default {
    padding-top: 8rem;
    padding-bottom: 6rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-large {
    padding: 3.5rem;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .show-tablet {
    display: block;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-huge {
    margin: 5rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .page-padding {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .hide-tablet {
    display: none;
  }

  .g-logo {
    width: 10rem;
  }

  .g-footer_container {
    padding-left: 3em;
    padding-right: 3em;
  }

  .g-nav_link-2 {
    border-bottom-width: .1em;
    border-bottom-color: #191821;
    align-items: flex-start;
    width: 100%;
    padding: 1rem 0;
    font-size: 1.75rem;
  }

  .g-nav_link-2.w--current {
    border-bottom-style: none;
  }

  .g-nav_link-2.is--dropdown {
    border-bottom-width: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
  }

  .content_container.horizontal-flex, .content_container.horizontal-flex.align-left {
    align-items: center;
  }

  .featured-article_layout {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .form_wrapper {
    flex-direction: column;
  }

  .form_input-field {
    margin-bottom: 1rem;
    margin-right: 0;
    font-size: 16px;
  }

  .form_submit {
    background-color: var(--dark-color);
    background-image: none;
    margin-top: 1.5rem;
    padding: 1.5rem 2.5rem;
  }

  .form_submit.red {
    background-color: var(--motor-red);
    background-image: none;
  }

  .form_submit.red.is-nav, .form_submit.align-right, .form_submit.is-driver {
    margin-top: 0;
  }

  .input_wrapper {
    flex-wrap: wrap;
  }

  .padding-header {
    padding-top: 12rem;
  }

  .upcoming-events {
    flex-wrap: wrap;
  }

  .resources_top-right {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .article_cms_item {
    flex-direction: column;
    grid-template-columns: 1fr;
    align-items: flex-start;
  }

  .article_cms_item.is-more-articles {
    grid-template-columns: .5fr 1fr;
    place-items: center stretch;
  }

  .resources_image.cc-single {
    height: 30rem;
  }

  .resources_image.cc-side {
    width: 100%;
    height: 12rem;
  }

  .article-sub_title {
    font-family: Product sans, sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
  }

  .article_cms_author {
    justify-content: flex-start;
  }

  .article_cms_author.is-right-align {
    justify-content: flex-start;
    align-items: center;
  }

  .article_hero {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .article-ad {
    width: 100%;
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .article-content_grid {
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .gallery_list {
    justify-content: center;
    padding-left: 0;
  }

  .gallery_item {
    flex: 0 auto;
    width: 47.5%;
    height: 20rem;
  }

  .gallery_item:first-child {
    width: 100%;
    height: 30rem;
  }

  .gallery_item.is-f1-page:first-child {
    width: 47.5%;
    height: 20rem;
  }

  .gallery_filters-form-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .gallery_filters-navigation {
    width: 100%;
  }

  .gallery_filters-navigation_line-default {
    display: none;
  }

  .collection-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .gallery_filters-search, .gallery_filters-form-container {
    width: 100%;
  }

  .gallery_lightbox-overlay {
    font-size: 2rem;
  }

  .g-nav_link-wrapper {
    align-items: center;
  }

  .nav-link {
    flex-direction: row;
    display: flex;
  }

  .collection-list-2 {
    grid-row-gap: 5rem;
  }

  .horizontal-flex.gap-column-small {
    text-align: left;
    flex-direction: row;
  }

  .horizontal-flex.gap-column-xsmall {
    align-items: center;
  }

  .horizontal-flex.is-mobile {
    flex-direction: column;
  }

  .news-content {
    position: relative;
  }

  .four-column-grid.is-one-row {
    grid-template-columns: 1fr 1fr 1fr;
    position: static;
  }

  .driver-wrapper {
    height: 100%;
  }

  .driver-number {
    max-width: 10rem;
    height: 10rem;
  }

  .driver-image {
    max-width: 100%;
    height: 100%;
  }

  .collection-item-3 {
    width: 100%;
  }

  .race-tab-track-image {
    max-width: 20rem;
  }

  .pagination-2 {
    display: none;
  }

  .div-block-8 {
    min-height: 30rem;
  }

  .image-3 {
    min-height: 15rem;
  }

  .footer-wrapper {
    max-width: 728px;
  }

  .footer_media-container {
    padding: 2rem;
  }

  .footer-form-block-two {
    margin-top: 0;
  }

  .f-link-warpper {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  .f-social-wrapper {
    margin-top: 40px;
  }

  .race-content-wrapper {
    flex-direction: column;
  }

  .race-info-wrapper {
    flex-direction: column;
    align-items: center;
    min-width: 0;
  }

  .race-name {
    text-align: center;
  }

  .race-event-times-grid {
    grid-column-gap: 3rem;
  }

  .race-event-info-item-wrapper {
    padding-right: 0;
  }

  .race-tab-pane {
    margin-top: 6rem;
  }

  .race-country-info {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .race-country {
    font-size: 1rem;
  }

  .collection-item-6 {
    padding-bottom: 3rem;
  }

  .nav-non-cta-wrapper {
    grid-column-gap: 1rem;
    display: flex;
  }

  .race-track_tabs-menu {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .race-track_cms-item, .html-embed {
    display: none;
  }

  .article-image-wrapper {
    height: 20rem;
  }

  .collection-list-wrapper-4 {
    flex-wrap: wrap;
    align-content: space-around;
    display: flex;
  }

  .g-logo-mobile {
    width: 10rem;
  }

  .image-8 {
    position: static;
  }

  .popup_wrapper, .popup_content {
    height: auto;
  }

  .form_input {
    margin-bottom: 1rem;
    margin-right: 0;
    font-size: 16px;
  }

  .article_cl-wrapper.is-sticky {
    position: static;
  }

  .article_cl-list {
    grid-template-columns: 1fr 1fr;
  }

  .article_cl-list.cc-article-side {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .article_cms_title {
    font-size: 1.25rem;
  }

  .article_cms_title.cc-side {
    font-size: 1.125rem;
  }

  .fs-toc_sidebar {
    width: 100%;
    padding: 1.5rem;
    position: static;
    top: 0;
  }

  .collection-list-list.is-photo-gallery {
    grid-template-columns: 1fr;
  }

  .collection-list-list.is-side-article, .collection-list-list.is-posts {
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .collection-list-list.is-featured-article {
    flex-flow: wrap;
  }

  .collection-list-item {
    flex: 0 auto;
  }

  .sponsor_layout {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .sponsor_feature-overlay {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 1.5rem;
  }

  .grid-2c_layout {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  .g-nav_mobile-icon {
    display: flex;
  }

  .g-nav_mobile-trigger {
    display: block;
  }

  .c-nav_link-text {
    color: #fff;
    transition: all .35s;
  }

  .c-nav_link-text:hover {
    color: #000;
  }

  .c-nav_link-wrap {
    padding-left: 1rem;
  }

  .g-nav_link, .g-nav_link.w--current {
    transition-property: none;
  }

  .g-nav_menu-scroll {
    padding-left: 2em;
    padding-right: 2em;
  }

  .g-nav_menu {
    background-color: var(--motor-red);
    height: 100vh;
    display: none;
  }

  .padding-horizontal {
    padding: 0 2rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-xxhuge.is-mobile {
    padding-top: 7rem;
  }

  .heading-large {
    font-size: 2rem;
  }

  .text-size-large {
    font-size: 1.25rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .fs-styleguide_row.is-for-social-icons {
    grid-template-rows: auto auto;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .fs-styleguide_section-type {
    font-size: .875rem;
  }

  .fs-styleguide_page-header {
    margin-bottom: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .heading-xlarge {
    font-size: 2.5rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .heading-medium {
    font-size: 1.5rem;
  }

  .show-mobile-landscape {
    display: block;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .fs-styleguide_color-sample {
    padding: 2.5rem 2rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .heading-small {
    font-size: 1rem;
  }

  .page-padding {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .fs-styleguide_3-col {
    grid-template-columns: 1fr 1fr;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .text-rich-text h2 {
    font-size: 2rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .g-logo {
    display: block;
  }

  .g-footer_link-wrapper {
    grid-row-gap: 1rem;
    text-align: center;
    grid-template-columns: 1fr;
  }

  .g-footer_link.main {
    margin-bottom: 1rem;
  }

  .g-footer_credit-wrapper {
    text-align: center;
    flex-direction: column;
    margin-top: 1rem;
  }

  .g-nav_link-2 {
    font-size: 24px;
  }

  .text-style-subheading {
    font-size: 14px;
  }

  .text-style-subheading.text-color-black {
    margin-bottom: 0;
  }

  .content_container.horizontal-flex.align-left, .content_container.align-center-mobile {
    align-items: center;
  }

  .article-main_image-wrapper {
    height: 20rem;
  }

  .cta_wrap {
    padding: 4rem 1.5rem;
  }

  .footer-landing_text {
    margin-left: 0;
    margin-right: 0;
  }

  .footer-landing_text.text-color-red {
    text-align: center;
  }

  .form_submit {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .padding-header {
    padding-top: 9rem;
    padding-bottom: 5rem;
  }

  .upcoming-events_track {
    width: 3.5rem;
    height: 3.6rem;
  }

  .upcoming-events_subheading {
    font-size: .75rem;
  }

  .upcoming-events_title {
    font-size: 1rem;
  }

  .button-link {
    font-size: 12px;
  }

  .article_cms_item.is-more-articles {
    grid-template-columns: 1fr;
  }

  .resources_image.cc-single {
    height: 25rem;
  }

  .resources_image.cc-side {
    height: 12rem;
  }

  .article-content_grid {
    grid-column-gap: 2rem;
  }

  .gallery_item {
    width: 45.25%;
    height: 15rem;
    font-size: .9375rem;
    overflow: visible;
  }

  .gallery_item:first-child {
    font-size: 1.5rem;
  }

  .gallery_item.is-f1-page, .gallery_item.is-f1-page:first-child {
    width: 100%;
  }

  .collection-item {
    margin-bottom: 3rem;
  }

  .collection-list {
    grid-template-columns: 1fr 1fr;
  }

  .gallery_filters-form-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .gallery_lightbox-overlay {
    padding: 1.5rem;
  }

  .g-nav_link-wrapper {
    grid-column-gap: 0rem;
  }

  .collection-list-2 {
    grid-row-gap: 3rem;
  }

  .four-column-grid.is-one-row {
    grid-template-columns: 1fr 1fr;
  }

  .driver-wrapper {
    margin-top: 2rem;
  }

  .driver-number {
    max-width: 7rem;
    height: 7rem;
  }

  .driver-image {
    height: 25rem;
  }

  .race-tab-track-image {
    max-width: 15rem;
  }

  .footer {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer_media-container {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-form-container-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .footer-form-block-two {
    justify-content: flex-start;
    width: 100%;
    margin-top: 20px;
  }

  .footer-link {
    margin-bottom: 10px;
  }

  .f-social-wrapper {
    margin-top: 10px;
  }

  .f-bottom-content {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-copyright {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-legal-block {
    margin-top: 15px;
    margin-left: -24px;
  }

  .footer-legal-link {
    font-size: 14px;
    line-height: 20px;
  }

  .race-name {
    text-align: center;
  }

  .race-event-times-grid {
    grid-column-gap: 3rem;
  }

  .race-tab-pane {
    margin-top: 4rem;
  }

  .race-country-info.is-tab-link {
    min-width: 4rem;
  }

  .collection-item-6 {
    padding-bottom: 3rem;
  }

  .nav-non-cta-wrapper, .g-logo-mobile, .ad-banner {
    display: none;
  }

  .three-column-grid {
    grid-template-columns: 1fr;
  }

  .popup_component {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .popup_wrapper {
    flex-direction: column;
    display: flex;
  }

  .popup_image {
    display: none;
  }

  .article_cl-list {
    grid-template-columns: 1fr;
  }

  .article_cl-list.cc-article-side {
    grid-template-columns: 1fr 1fr;
  }

  .article_cms_title.is-style1 {
    font-size: 1rem;
  }

  .article-body_component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column-reverse;
    display: flex;
  }

  .fs-toc_link-wrapper.is-h2 {
    font-size: 2rem;
  }

  .collection-list-list.is-side-article, .collection-list-list.is-posts {
    grid-template-columns: 1fr 1fr;
  }

  .collection-list-item {
    font-size: .9375rem;
  }

  .heading-style-h0 {
    font-size: 2.5rem;
  }

  .sponsor_layout {
    grid-template-columns: 1fr;
  }

  .sponsor_feature-card {
    padding-top: 75%;
  }

  .sponsor_feature-overlay {
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 2rem;
  }

  .article_text-rich-text h2 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  .g-nav_mobile-icon {
    width: 2rem;
  }

  .dropdown_title {
    margin-bottom: 0;
  }

  .c-nav_link-text {
    transition: all .35s;
  }

  .c-nav_link-text:hover {
    color: var(--motor-red);
  }

  .g-nav {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .nav_link-line {
    display: none;
  }

  .g-nav_menu-scroll {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .g-nav_menu {
    display: none;
  }

  .padding-horizontal {
    padding: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-xxhuge.is-mobile {
    padding-top: 7rem;
  }

  .padding-vertical.padding-xhuge.is-mobile {
    padding-top: 8rem;
  }

  .show-mobile-portrait {
    display: block;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .text-rich-text h3 {
    font-size: 1.25rem;
  }

  .text-rich-text h4 {
    font-size: 1.125rem;
  }

  .fs-styleguide_2-col {
    grid-template-columns: auto;
  }

  .g-logo {
    width: 7.5rem;
  }

  .text-style-subheading {
    text-align: left;
    direction: ltr;
  }

  .text-style-subheading.text-color-black {
    text-align: center;
    font-size: 1.5rem;
  }

  .text-style-subheading.text-align-center {
    text-align: center;
    flex-wrap: nowrap;
    display: block;
  }

  .text-style-subheading.mobile-center-align {
    text-align: center;
  }

  .content_container.horizontal-flex {
    flex-direction: column;
    align-items: center;
  }

  .content_container.horizontal-flex.align-left {
    align-items: center;
  }

  .article_date {
    font-size: 1rem;
  }

  .article-main_image-wrapper {
    height: 10rem;
    margin-top: 1.25rem;
  }

  .g-footer_landing {
    flex-direction: column;
  }

  .footer-landing_text.text-color-red {
    margin-bottom: .5rem;
  }

  .form_input-field, .form_submit {
    font-size: 12px;
  }

  .form_submit.is-driver {
    margin-right: auto;
  }

  .upcoming-events_item {
    grid-column-gap: 1rem;
    flex-direction: column;
  }

  .upcoming-events_track {
    width: 5rem;
    height: 5rem;
  }

  .upcoming-events_content {
    align-items: center;
  }

  .upcoming-events_title {
    white-space: normal;
  }

  .resources_top-right {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .button-link_icon {
    width: .75rem;
    height: .75rem;
  }

  .resources_image {
    border-radius: 5px;
  }

  .resources_image.cc-default {
    height: 12rem;
  }

  .resources_image.cc-single {
    height: 15rem;
  }

  .resources_image.cc-side {
    height: 8.5rem;
  }

  .article-sub_title {
    text-transform: capitalize;
  }

  .blog-h1 {
    font-size: 2.5rem;
  }

  .article_cms_author-name {
    text-align: left;
  }

  .article_cms_author {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .article_cms_author.is-right-align {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .article-content_grid {
    grid-column-gap: 1px;
  }

  .gallery_item {
    width: 100%;
    font-size: .875rem;
  }

  .gallery_item:first-child {
    height: 22rem;
    font-size: 1.25rem;
  }

  .gallery_filters-form-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: center;
  }

  .collection-list {
    grid-template-columns: 1fr;
  }

  .gallery_lightbox-overlay {
    padding: 1.5rem;
    font-size: 1.5rem;
  }

  .horizontal-flex.justify-center.column-gap-small {
    flex-direction: column;
    align-items: center;
  }

  .four-column-grid.is-one-row {
    grid-template-columns: 1fr;
  }

  .driver-wrapper {
    height: 100%;
  }

  .driver-images-wrapper {
    display: flex;
    overflow: hidden;
  }

  .driver-number {
    max-width: 3rem;
    height: 3rem;
  }

  .driver-image {
    height: 100%;
  }

  .footer-wrapper {
    max-width: none;
  }

  .footer_media-container {
    padding: 1rem 0;
  }

  .footer-form-block-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
  }

  .f-link-warpper {
    flex-flow: column wrap;
    justify-content: center;
    margin-top: 2rem;
  }

  .f-bottom-content {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-copyright {
    text-align: center;
  }

  .race-info-wrapper {
    max-width: 20rem;
  }

  .race-event-times-grid {
    grid-column-gap: 1rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .race-event-name {
    min-width: 6rem;
  }

  .race-tab-pane {
    margin-top: 2rem;
  }

  .f-logo.align-center {
    padding-bottom: 1rem;
  }

  .article-image-wrapper {
    height: 10rem;
  }

  .about-author-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .upcoming-events_cl-list {
    justify-content: center;
    align-items: center;
  }

  .popup_content {
    padding: 2.5rem;
  }

  .form_input {
    font-size: 12px;
  }

  .article_cl-list.cc-article-side {
    grid-template-columns: 1fr;
  }

  .article_cms_title.cc-single {
    font-size: 1.5rem;
  }

  .fs-toc_link-wrapper.is-h2 {
    text-transform: none;
    white-space: normal;
    font-size: 1.5rem;
  }

  .collection-list-list.is-side-article, .collection-list-list.is-posts, .collection-list-list.is-featured-article {
    grid-template-columns: 1fr;
  }

  .collection-list-item {
    font-size: .875rem;
  }

  .collection-list-item:first-child {
    font-size: 1.25rem;
  }

  .heading-style-h0 {
    font-size: 2rem;
  }

  .sponsor_feature-card {
    padding-top: 100%;
  }

  .article_text-rich-text h3 {
    font-size: 1.25rem;
  }

  .article_text-rich-text h4 {
    font-size: 1.125rem;
  }
}

#w-node-de1d60b5-916a-1209-537b-64a556350829-a25ba5db, #w-node-_083135c2-74b0-52ca-9d18-3b64ce92787b-a25ba5db, #w-node-_2b305a03-e914-ff39-c9ea-e218791ee200-791ee200, #w-node-_68c11841-ac99-2d74-94f4-9bb2b20960be-4b4923b8, #w-node-e86f3715-cf26-ec67-b38d-25f7dbc89a1d-4b4923b8, #w-node-e6f5002d-86ee-5710-250a-07b99afbc480-4b4923b8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bf09ab6e-8e73-fd91-3b30-b34011b3b14f-4b4923b8 {
  order: -9999;
  place-self: center;
}

#w-node-_4a0c3b00-d6dc-17dc-34bc-cb43a44a7699-59303b9d, #w-node-_2ab0ba84-67b0-0b3f-6d68-5c7388ccd745-15508f55, #w-node-ea72b29f-1b01-42c2-703e-fd80df1a6b69-15508f55, #w-node-d7005a79-f982-e26d-3fa5-9be128f7709b-15508f55, #w-node-e1a8b24f-43a6-cc0a-f7f0-b76ab81c0a74-359e45c2, #w-node-d2c6b56b-d7c6-a865-fe6d-ec860da56e1e-359e45c2, #w-node-be5c9d79-47c7-7b19-882c-40143698db18-16873977, #w-node-_4fdd0c2e-1808-01d6-c5bb-0433040ce9cd-16873977, #w-node-c98de598-59d0-cc22-cd94-e89d95c93386-16873977, #w-node-e3914925-2249-6d3c-71f6-b41fa8b454ce-16873977, #w-node-e3914925-2249-6d3c-71f6-b41fa8b454cf-16873977, #w-node-_368a1e8f-556e-b96f-4fc0-88f92f15995c-16873977, #w-node-_368a1e8f-556e-b96f-4fc0-88f92f15995d-16873977, #w-node-df85c2fd-b08f-bff4-8bf2-e88ce112e313-16873977, #w-node-df85c2fd-b08f-bff4-8bf2-e88ce112e314-16873977, #w-node-b426a417-6b34-2b79-bdb3-69ba1c7706ae-16873977, #w-node-b426a417-6b34-2b79-bdb3-69ba1c7706af-16873977, #w-node-_3fe53bdb-5bc4-3505-d5f0-76aaaebd27a5-16873977, #w-node-_3fe53bdb-5bc4-3505-d5f0-76aaaebd27a6-16873977, #w-node-ce5f62db-9596-c822-5dd9-40a2efe8461e-16873977, #w-node-ce5f62db-9596-c822-5dd9-40a2efe8461f-16873977, #w-node-_3fa61ee0-03e5-e221-ff12-d3c2eb5f1fc5-16873977, #w-node-d7005a79-f982-e26d-3fa5-9be128f7709b-16873977, #w-node-e1a8b24f-43a6-cc0a-f7f0-b76ab81c0a74-ccbd3387, #w-node-d2c6b56b-d7c6-a865-fe6d-ec860da56e1e-ccbd3387, #w-node-_6006499c-f86b-6865-e4ad-1af298d5b5ff-9451b0d7, #w-node-_2289d848-4267-a1ee-7803-db51cffaa67b-9451b0d7, #w-node-f1fbc5cd-ea4c-0d8b-a825-db9846b4193e-9451b0d7, #w-node-f67da6fc-d8c1-f532-2490-347d85bfdf19-9451b0d7, #w-node-_01eb44e5-47cc-9176-217f-b387a35bd56d-9451b0d7, #w-node-_552bd1ca-2a52-9eb9-83ba-5fae2f3f9b2f-9451b0d7, #w-node-_601cf04e-5552-7413-1ea4-9e070179952a-9451b0d7, #w-node-a867f885-f5a0-5db2-5aa2-f17d514347eb-9451b0d7, #w-node-a2e900aa-4d6d-468c-6b13-b17a8cc6c70d-9451b0d7, #w-node-c5a1056e-002a-b779-3109-9cf10a3c8be7-9451b0d7, #w-node-_87c2dab7-9ea0-d466-f2d5-31f5ee80f1ee-05b65438, #w-node-_15bad3b2-bcd8-43f6-bfa6-a347ff44e620-05b65438, #w-node-d9b4ca37-fb6f-89a0-9dd3-02bc0db3572c-05b65438, #w-node-a628f1c1-4700-4217-b38a-4d88338583fd-05b65438, #w-node-a628f1c1-4700-4217-b38a-4d8833858412-05b65438, #w-node-_7510bde7-c335-82d0-c7e2-7b839c15465f-91a253c9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-e6f5002d-86ee-5710-250a-07b99afbc478-4b4923b8 {
    order: -9999;
  }

  #w-node-_4fdd0c2e-1808-01d6-c5bb-0433040ce9cd-16873977 {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Laygrotesk';
  src: url('../fonts/LayGrotesk-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Laygrotesk';
  src: url('../fonts/LayGrotesk-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Laygrotesk';
  src: url('../fonts/LayGrotesk-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Product sans';
  src: url('../fonts/Product-Sans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Product sans';
  src: url('../fonts/Product-Sans-Bold-Italic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Product sans';
  src: url('../fonts/Product-Sans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Product sans';
  src: url('../fonts/Product-Sans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Product sans';
  src: url('../fonts/Product-Sans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Product sans';
  src: url('../fonts/Product-Sans-Medium-Italic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Product sans';
  src: url('../fonts/Product-Sans-Light-Italic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Robotomono';
  src: url('../fonts/RobotoMono-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Robotomono';
  src: url('../fonts/RobotoMono-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Robotomono';
  src: url('../fonts/RobotoMono-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Robotomono';
  src: url('../fonts/RobotoMono-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Robotomono';
  src: url('../fonts/RobotoMono-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Robotomono';
  src: url('../fonts/RobotoMono-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Robotomono';
  src: url('../fonts/RobotoMono-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Robotomono';
  src: url('../fonts/RobotoMono-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Robotomono';
  src: url('../fonts/RobotoMono-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Robotomono';
  src: url('../fonts/RobotoMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Robotomono';
  src: url('../fonts/RobotoMono-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Robotomono';
  src: url('../fonts/RobotoMono-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Robotomono';
  src: url('../fonts/RobotoMono-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Robotomono';
  src: url('../fonts/RobotoMono-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}