/* Imports */
:root {
  /*# Colours */
  --main-colour: #000958;
  --main-colour-0-alpha: rgba(0, 9, 88, 0);
  --main-colour-10-alpha: rgba(0, 9, 88, 0.1);
  --main-colour-20-alpha: rgba(0, 9, 88, 0.2);
  --main-colour-30-alpha: rgba(0, 9, 88, 0.3);
  --main-colour-40-alpha: rgba(0, 9, 88, 0.4);
  --main-colour-50-alpha: rgba(0, 9, 88, 0.5);
  --main-colour-60-alpha: rgba(0, 9, 88, 0.6);
  --main-colour-70-alpha: rgba(0, 9, 88, 0.7);
  --main-colour-80-alpha: rgba(0, 9, 88, 0.8);
  --main-colour-90-alpha: rgba(0, 9, 88, 0.9);
  --main-colour-100-alpha: rgba(0, 9, 88, 1);
  --accent-colour: #FDDAB9;
  --accent-colour-0-alpha: rgba(253, 218, 185, 0);
  --accent-colour-10-alpha: rgba(253, 218, 185, 0.1);
  --accent-colour-20-alpha: rgba(253, 218, 185, 0.2);
  --accent-colour-30-alpha: rgba(253, 218, 185, 0.3);
  --accent-colour-40-alpha: rgba(253, 218, 185, 0.4);
  --accent-colour-50-alpha: rgba(253, 218, 185, 0.5);
  --accent-colour-60-alpha: rgba(253, 218, 185, 0.6);
  --accent-colour-70-alpha: rgba(253, 218, 185, 0.7);
  --accent-colour-80-alpha: rgba(253, 218, 185, 0.8);
  --accent-colour-90-alpha: rgba(253, 218, 185, 0.9);
  --accent-colour-100-alpha: rgba(253, 218, 185, 1);
  --alt-colour: #2C1D40;
  --alt-colour-0-alpha: rgba(44, 29, 64, 0);
  --alt-colour-10-alpha: rgba(44, 29, 64, 0.1);
  --alt-colour-20-alpha: rgba(44, 29, 64, 0.2);
  --alt-colour-30-alpha: rgba(44, 29, 64, 0.3);
  --alt-colour-40-alpha: rgba(44, 29, 64, 0.4);
  --alt-colour-50-alpha: rgba(44, 29, 64, 0.5);
  --alt-colour-60-alpha: rgba(44, 29, 64, 0.6);
  --alt-colour-70-alpha: rgba(44, 29, 64, 0.7);
  --alt-colour-80-alpha: rgba(44, 29, 64, 0.8);
  --alt-colour-90-alpha: rgba(44, 29, 64, 0.9);
  --alt-colour-100-alpha: rgba(44, 29, 64, 1);

  /* Type: fonts */
  --header-font: 'Noto Sans', sans-serif;
  --headlines-font: 'Libre Franklin', sans-serif;
  --body-font: 'Noto Sans', sans-serif;
  --global-font: 'Libre Franklin', sans-serif;

 /* Type: Global colours */
  --gray-100: #FFFFFF;
  --gray-200: #F2F2F3;
  --gray-300: #E6E6E9;
  --gray-400: #CCCFD6;
  --gray-500: #BBBBBB;
  --gray-600: #9DA0A4;
  --gray-700: #767676;
  --gray-800: #636363;
  --gray-900: #333333;
  --gray-1000: #222222;
  --radius-0: 0;
  --radius-100: 2px;
  --radius-200: 3px;
  --radius-300: 5px;
  --radius-400: 10px;
  --radius-500: 20px;
  --radius-600: 25px;
  --radius-700: 100px;
  --radius-800: 200px;
  --spacing-0: 0;
  --spacing-100: 2px;
  --spacing-200: 5px;
  --spacing-300: 10px;
  --spacing-400: 15px;
  --spacing-500: 20px;
  --spacing-600: 25px;
  --spacing-700: 30px;
  --spacing-800: 35px;
  --spacing-900: 40px;
  --spacing-1000: 50px;
  --font-size-100: 12px;
  --font-size-200: 14px;
  --font-size-300: 16px;
  --font-size-400: 17px;
  --font-size-500: 18px;
  --font-size-600: 20px;
  --font-size-700: 22px;
  --font-size-800: 24px;
  --font-size-900: 28px;
  --font-size-1000: 32px;
  --font-size-1100: 38px;
  --font-size-1200: 44px;

 /* Type: Line heights */
  --standard-line-height: 130%;
  --headlines-line-height: 130%;
  --article-line-height: 150%;

 /* Type: size */
  --font-size-xxs: 12px;
  --font-size-xs: 14px;
  --font-size-s: 16px;
  --font-size-sm: 17px;
  --font-size-m: 18px;
  --font-size-ml: 20px;
  --font-size-l: 22px;
  --font-size-mll: 24px;
  --font-size-xl: 28px;
  --font-size-xxl: 32px;
  --font-size-el: 38px;

 /* Type: weight */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-heading: 700;

 /* Type: text-transform */
  --text-transform-heading: none;
}

 /* Font Faces */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/responsive-static/fonts/mds/noto-sans-v36-latin-400.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url('/resources/responsive-static/fonts/mds/noto-sans-v36-latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/resources/responsive-static/fonts/mds/noto-sans-v36-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/responsive-static/fonts/mds/noto-sans-v36-latin-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/resources/responsive-static/fonts/mds/noto-sans-v36-latin-400-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 500;
  src: url('/resources/responsive-static/fonts/mds/noto-sans-v36-latin-500-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 600;
  src: url('/resources/responsive-static/fonts/mds/noto-sans-v36-latin-600-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/resources/responsive-static/fonts/mds/noto-sans-v36-latin-700-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/responsive-static/fonts/mds/libre-franklin-v14-latin-400.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 500;
  src: url('/resources/responsive-static/fonts/mds/libre-franklin-v14-latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 600;
  src: url('/resources/responsive-static/fonts/mds/libre-franklin-v14-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/responsive-static/fonts/mds/libre-franklin-v14-latin-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Libre Franklin';
  font-style: italic;
  font-weight: 400;
  src: url('/resources/responsive-static/fonts/mds/libre-franklin-v14-latin-400-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Libre Franklin';
  font-style: italic;
  font-weight: 500;
  src: url('/resources/responsive-static/fonts/mds/libre-franklin-v14-latin-500-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Libre Franklin';
  font-style: italic;
  font-weight: 600;
  src: url('/resources/responsive-static/fonts/mds/libre-franklin-v14-latin-600-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Libre Franklin';
  font-style: italic;
  font-weight: 700;
  src: url('/resources/responsive-static/fonts/mds/libre-franklin-v14-latin-700-italic.woff2') format('woff2');
}