/* mini-reset */
*, *::before, *::after {-webkit-box-sizing:border-box;box-sizing:border-box}
html, body {padding:0; margin:0}
body {min-height:100%}

/* Fluid type and space sizes */

/* @link https://utopia.fyi/type/calculator?c=320,16,1.25,1440,18,1.151,10,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
  --step--2: clamp(0.64rem, 0.5802rem + 0.2988vw, 0.8492rem);
  --step--1: clamp(0.8rem, 0.7493rem + 0.2534vw, 0.9774rem);
  --step-0: clamp(1rem, 0.9643rem + 0.1786vw, 1.125rem);
  --step-1: clamp(1.25rem, 1.2372rem + 0.0641vw, 1.2949rem);
  --step-2: clamp(1.4904rem, 1.5831rem + -0.103vw, 1.5625rem);
  --step-3: clamp(1.7155rem, 2.021rem + -0.3395vw, 1.9531rem);
  --step-4: clamp(1.9745rem, 2.5748rem + -0.667vw, 2.4414rem);
  --step-5: clamp(2.2726rem, 3.2744rem + -1.113vw, 3.0518rem);
  --step-6: clamp(2.6158rem, 4.1572rem + -1.7127vw, 3.8147rem);
  --step-7: clamp(3.0108rem, 5.2705rem + -2.5108vw, 4.7684rem);
  --step-8: clamp(3.4654rem, 6.6733rem + -3.5644vw, 5.9605rem);
  --step-9: clamp(3.9887rem, 8.4397rem + -4.9456vw, 7.4506rem);
  --step-10: clamp(4.591rem, 10.6624rem + -6.7461vw, 9.3132rem);

  /* @link https://utopia.fyi/space/calculator?c=320,16,1.25,1440,18,1.151,10,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

  --space-3xs: clamp(0.25rem, 0.2321rem + 0.0893vw, 0.3125rem);
  --space-2xs: clamp(0.5rem, 0.4821rem + 0.0893vw, 0.5625rem);
  --space-xs: clamp(0.75rem, 0.7143rem + 0.1786vw, 0.875rem);
  --space-s: clamp(1rem, 0.9643rem + 0.1786vw, 1.125rem);
  --space-m: clamp(1.5rem, 1.4464rem + 0.2679vw, 1.6875rem);
  --space-l: clamp(2rem, 1.9286rem + 0.3571vw, 2.25rem);
  --space-xl: clamp(3rem, 2.8929rem + 0.5357vw, 3.375rem);
  --space-2xl: clamp(4rem, 3.8571rem + 0.7143vw, 4.5rem);
  --space-3xl: clamp(6rem, 5.7857rem + 1.0714vw, 6.75rem);

  /* One-up pairs */
  --space-3xs-2xs: clamp(0.25rem, 0.1607rem + 0.4464vw, 0.5625rem);
  --space-2xs-xs: clamp(0.5rem, 0.3929rem + 0.5357vw, 0.875rem);
  --space-xs-s: clamp(0.75rem, 0.6429rem + 0.5357vw, 1.125rem);
  --space-s-m: clamp(1rem, 0.8036rem + 0.9821vw, 1.6875rem);
  --space-m-l: clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem);
  --space-l-xl: clamp(2rem, 1.6071rem + 1.9643vw, 3.375rem);
  --space-xl-2xl: clamp(3rem, 2.5714rem + 2.1429vw, 4.5rem);
  --space-2xl-3xl: clamp(4rem, 3.2143rem + 3.9286vw, 6.75rem);

  /* Custom pairs */
  --space-s-l: clamp(1rem, 0.6429rem + 1.7857vw, 2.25rem);

  /* specific header stuff */
  --header-outer-height: 110px;
  --header-inner-height: 70px;
  --header-height-difference: calc(
    var(--header-outer-height) - var(--header-inner-height)
  );
  
  /* Colours */
  
  --black: rgb(10, 10, 10);
  --header-bg: var(--black);
  --body-bg: rgb(246, 246, 246);
  --panel-bg: rgb(248, 248, 238);
  --paneltwo-bg: rgb(240, 240, 240);
  --text-body: rgb(30, 30, 30);
  --text-em: rgb(50, 50, 50);
  --text-white: rgb(250, 250, 250);
  --button-grey: rgb(80, 80, 80);
  --border-grey: rgb(80, 80, 80);
  --grey-stripe: rgb(214, 223, 229);
  --pale-grey: rgb(234, 243, 249);
}
html {
	font: var(--step-0) "Arial", "Helvetica", sans-serif;
	line-height: 1.0;
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	background: var(--body-bg);
	color: var(--text-body);
	overflow-x: hidden;
	min-height: 100vh;
}
/* Need this for Artisan */
.body_edit {
	margin: 0px;
	padding: 0px;
	background: var(--body-bg);
	color: var(--text-body);
	overflow-x: hidden;
	min-height: 100%;
}

.responsive-wrapper {
	width: 96%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and ( max-width: 640px ) {
    .responsive-wrapper {
		width: 98%;
	}
}
img {
    max-width: 100%;
    height: auto;
}