:root {
  --back: #222; 
  --gray: #7a7a7a;
  --gray-box: #eee;
  --light-gray: #e1e1e1;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font-family: "Nunito Sans", sans-serif;
	font-weight: 400;
	color: #222222;
	font-size: 18px;
	background-color: #F7F7F7;
	margin: 0 auto;
}

a {
	text-decoration: none;
	color: #222222;
}

a:hover {
	text-decoration: none;
	color: #222;
}

p {
	line-height: 180%;
	color: #393A39;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

h1 {font-size: 2.618em; font-weight: 900; text-transform: capitalize;}
h2 {font-size: 1.3em; font-weight: 600; text-transform: capitalize;}
h3 {font-size: 1.618em; font-weight: 700;}
h4 {font-size: 1.194em; font-weight: 700;}
h5 {font-size: 1.194em; font-weight: 700;}
h6 {font-size: 1em; font-weight: 700;}