:root {

	--main: #e0303e;
	--secondary: #76ac2c;
	--black: #45433a;
	--grey: #ccc;
	--softgrey: #f9f9f9;
	--darkgrey: #aaa;

	--block-1: 1280px;
	--block-2: 1300px;
	--block-3: 320px;
	
	--size-700: 60px;
	--size-600: 32px;
	--size-500: 26px;
	--size-400: 20px;
	--size-300: 18px;
	--size-200: 16px;
	--size-100: 14px;

	--weight-800: 800;
	--weight-700: 700;
	--weight-600: 600;
	--weight-400: 400;

}

::selection {
	background-color: var(--main);
	text-shadow: none;
	color: white;
}

::placeholder {
	color: var(--darkgrey);
}

* {
	font-family: 'Open Sans', sans-serif;
}

html,body {
	font-family: 'Open Sans', sans-serif;
	line-height: 1;
	color: var(--main);
	font-size: var(--size-400);
	background-color: var(--softgrey);
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body figure {
	margin: 0;
}

h1,h2,h3,h4,h5 {
	width: 100%;
	margin: 0;
}

p,li {
	width: 100%;
	margin: 0;
	line-height: 1.3;
	font-size: var(--size-200);
	color: var(--grey);
}

a {
	color: var(--main);
	text-decoration: none;
	transition: all 280ms ease;
}