:root {
	--website-code:arnold;
	--font-size: 18px;
	--h1-size: 60px;
	--h2-size: 45px;
	--h3-size: 35px;
	--h4-size: 25px;
	--line-height: 1.5;
	--heading-font: effra, sofia-pro, sans-serif;
	--copy-font: effra, sofia-pro, sans-serif;
	--primary-colour: var(--red);
	--secondary-colour: var(--green);
	--tertiary-colour: var(--grey);
	--light-colour: #fff;
	--dark-colour: var(--dark-blue);
	--copy-colour: var(--dark-blue);
	--heading-colour: var(--dark-blue);
	--row-width: 1000px;
	--padding: 20px;
	--hero-img: 100vh;
	--nav-height: 130px; /* offsets height if using fixed navigation, set to 0 if navigation is not fixed */
	--transition: .3s;
	--red: #D3242A;
	--green: #057250;
	--grey: #E4E4E4;
	--dark-blue: #212429;
	--nav-padding: 40px;
	--footer-height: 311px;
	--green-bg-height: calc(100vh - var(--nav-height) - var(--footer-height));
}