:root {
  
  --main-colour: #333333;
  --main-colour-0-alpha: rgba(51, 51, 51, 0);
  --main-colour-10-alpha: rgba(51, 51, 51, 0.1);
  --main-colour-20-alpha: rgba(51, 51, 51, 0.2);
  --main-colour-30-alpha: rgba(51, 51, 51, 0.3);
  --main-colour-40-alpha: rgba(51, 51, 51, 0.4);
  --main-colour-50-alpha: rgba(51, 51, 51, 0.5);
  --main-colour-60-alpha: rgba(51, 51, 51, 0.6);
  --main-colour-70-alpha: rgba(51, 51, 51, 0.7);
  --main-colour-80-alpha: rgba(51, 51, 51, 0.8);
  --main-colour-90-alpha: rgba(51, 51, 51, 0.9);
  --main-colour-100-alpha: rgba(51, 51, 51, 1);
  --accent-colour: #BCDFFF;
  --accent-colour-0-alpha: rgba(188, 223, 255, 0);
  --accent-colour-10-alpha: rgba(188, 223, 255, 0.1);
  --accent-colour-20-alpha: rgba(188, 223, 255, 0.2);
  --accent-colour-30-alpha: rgba(188, 223, 255, 0.3);
  --accent-colour-40-alpha: rgba(188, 223, 255, 0.4);
  --accent-colour-50-alpha: rgba(188, 223, 255, 0.5);
  --accent-colour-60-alpha: rgba(188, 223, 255, 0.6);
  --accent-colour-70-alpha: rgba(188, 223, 255, 0.7);
  --accent-colour-80-alpha: rgba(188, 223, 255, 0.8);
  --accent-colour-90-alpha: rgba(188, 223, 255, 0.9);
  --accent-colour-100-alpha: rgba(188, 223, 255, 1);
  --alt-colour: #2B2556;
  --alt-colour-0-alpha: rgba(43, 37, 86, 0);
  --alt-colour-10-alpha: rgba(43, 37, 86, 0.1);
  --alt-colour-20-alpha: rgba(43, 37, 86, 0.2);
  --alt-colour-30-alpha: rgba(43, 37, 86, 0.3);
  --alt-colour-40-alpha: rgba(43, 37, 86, 0.4);
  --alt-colour-50-alpha: rgba(43, 37, 86, 0.5);
  --alt-colour-60-alpha: rgba(43, 37, 86, 0.6);
  --alt-colour-70-alpha: rgba(43, 37, 86, 0.7);
  --alt-colour-80-alpha: rgba(43, 37, 86, 0.8);
  --alt-colour-90-alpha: rgba(43, 37, 86, 0.9);
  --alt-colour-100-alpha: rgba(43, 37, 86, 1);

  
  --header-font: 'Source Serif 4', serif;
  --headlines-font: 'Noto Serif', serif;
  --body-font: 'Source Serif 4', serif;
  --global-font: 'Libre Franklin', serif;

  
  --standard-line-height: 130%;

 
  --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;

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

 
  --text-transform-heading: none;
}

 
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/responsive-static/fonts/mds/source-serif-4-v8-latin-400.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 500;
  src: url('/resources/responsive-static/fonts/mds/source-serif-4-v8-latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  src: url('/resources/responsive-static/fonts/mds/source-serif-4-v8-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/responsive-static/fonts/mds/source-serif-4-v8-latin-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 400;
  src: url('/resources/responsive-static/fonts/mds/source-serif-4-v8-latin-400-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 500;
  src: url('/resources/responsive-static/fonts/mds/source-serif-4-v8-latin-500-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 600;
  src: url('/resources/responsive-static/fonts/mds/source-serif-4-v8-latin-600-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 700;
  src: url('/resources/responsive-static/fonts/mds/source-serif-4-v8-latin-700-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/responsive-static/fonts/mds/noto-serif-v23-latin-400.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 500;
  src: url('/resources/responsive-static/fonts/mds/noto-serif-v23-latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 600;
  src: url('/resources/responsive-static/fonts/mds/noto-serif-v23-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/responsive-static/fonts/mds/noto-serif-v23-latin-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  src: url('/resources/responsive-static/fonts/mds/noto-serif-v23-latin-400-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 500;
  src: url('/resources/responsive-static/fonts/mds/noto-serif-v23-latin-500-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 600;
  src: url('/resources/responsive-static/fonts/mds/noto-serif-v23-latin-600-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 700;
  src: url('/resources/responsive-static/fonts/mds/noto-serif-v23-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');
}