/* Variables */
:root {
  --mobile-header-height: 3.125rem; /* 50px */
  --container-max-width: 1536px;
}

/* Custom fonts */
/* Metropolis */
@font-face {
  font-family: 'Metropolis';
  src: url("/assets/Metropolis-Thin-20b90075.otf") format('opentype');
  font-style: normal;
  font-weight: 100;
}

@font-face {
  font-family: 'Metropolis';
  src: url("/assets/Metropolis-ThinItalic-60cf2881.otf") format('opentype');
  font-style: italic;
  font-weight: 100;
}

@font-face {
  font-family: 'Metropolis';
  src: url("/assets/Metropolis-ExtraLight-ca4ee736.otf") format('opentype');
  font-style: normal;
  font-weight: 200;
}

@font-face {
  font-family: 'Metropolis';
  src: url("/assets/Metropolis-ExtraLightItalic-54163e11.otf") format('opentype');
  font-style: italic;
  font-weight: 200;
}

@font-face {
  font-family: 'Metropolis';
  src: url("/assets/Metropolis-Light-65b948bd.otf") format('opentype');
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: 'Metropolis';
  src: url("/assets/Metropolis-LightItalic-4a8067aa.otf") format('opentype');
  font-style: italic;
  font-weight: 300;
}

@font-face {
  font-family: 'Metropolis';
  src: url("/assets/Metropolis-Regular-1ecc831d.otf") format('opentype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Metropolis';
  src: url("/assets/Metropolis-RegularItalic-ee1ad2d5.otf") format('opentype');
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: 'Metropolis';
  src: url("/assets/Metropolis-Medium-5af20a21.otf") format('opentype');
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: 'Metropolis';
  src: url("/assets/Metropolis-MediumItalic-66cafd45.otf") format('opentype');
  font-style: italic;
  font-weight: 500;
}

@font-face {
  font-family: 'Metropolis';
  src: url("/assets/Metropolis-SemiBold-25f4d8b2.otf") format('opentype');
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: 'Metropolis';
  src: url("/assets/Metropolis-SemiBoldItalic-df9fb87f.otf") format('opentype');
  font-style: italic;
  font-weight: 600;
}

@font-face {
  font-family: 'Metropolis';
  src: url("/assets/Metropolis-Bold-64ca3623.otf") format('opentype');
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'Metropolis';
  src: url("/assets/Metropolis-BoldItalic-18b81e52.otf") format('opentype');
  font-style: italic;
  font-weight: 700;
}

@font-face {
  font-family: 'Metropolis';
  src: url("/assets/Metropolis-ExtraBold-8aa32ee4.otf") format('opentype');
  font-style: normal;
  font-weight: 800;
}

@font-face {
  font-family: 'Metropolis';
  src: url("/assets/Metropolis-ExtraBoldItalic-1fb1ee52.otf") format('opentype');
  font-style: italic;
  font-weight: 800;
}

@font-face {
  font-family: 'Metropolis';
  src: url("/assets/Metropolis-Black-01239df0.otf") format('opentype');
  font-style: normal;
  font-weight: 900;
}

@font-face {
  font-family: 'Metropolis';
  src: url("/assets/Metropolis-BlackItalic-b9fed748.otf") format('opentype');
  font-style: italic;
  font-weight: 900;
}

/* Ubuntu */
@font-face {
  font-family: 'Ubuntu';
  src: url("/assets/Ubuntu-Regular-c51f70a6.ttf") format('truetype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Ubuntu';
  src: url("/assets/Ubuntu-Italic-03541936.ttf") format('truetype');
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: 'Ubuntu';
  src: url("/assets/Ubuntu-Light-ecb3058d.ttf") format('truetype');
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: 'Ubuntu';
  src: url("/assets/Ubuntu-LightItalic-3b01eeca.ttf") format('truetype');
  font-style: italic;
  font-weight: 300;
}

@font-face {
  font-family: 'Ubuntu';
  src: url("/assets/Ubuntu-Medium-e0f71643.ttf") format('truetype');
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: 'Ubuntu';
  src: url("/assets/Ubuntu-MediumItalic-3fde6256.ttf") format('truetype');
  font-style: italic;
  font-weight: 500;
}

@font-face {
  font-family: 'Ubuntu';
  src: url("/assets/Ubuntu-Bold-afbb38b2.ttf") format('truetype');
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'Ubuntu';
  src: url("/assets/Ubuntu-BoldItalic-e1ecb9a3.ttf") format('truetype');
  font-style: italic;
  font-weight: 700;
}

/* Flexbox */
.flex svg {
  flex-shrink: 0;
}