*{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

html {
	font-size: 62.5%;
	}

body { 
	background-color: rgb(230, 231, 229);
	/* background-image: linear-gradient(to right, rgba(211, 211, 211, 0), rgba(190, 190, 190, 1)); */
	background-color: white;
	
	font-size: 14px; /* for older browsers */
	font-size: 1.4em;
	max-width: 200em;
	padding: 30px;
	}
	
body, p, a, h1, h2, h3, h4, h5, h6, th, td, ol, ul, li, div, section { 
	font-family: 'Quicksand', 'Helvetica Neue', Arial, sans-serif;
	color : #292F33;
	}
	
.left {
	/* background-color: green; */
	}
	
.mid, section {
	}

a:link {
	color: #66757F; 
	background: transparent;
	text-decoration: underline;
	}
a:visited  {
	color: #292F33; 
	}
a:hover {
	color: #292F33; 
	text-decoration: none;
	font-weight: bold;
	}

p {
	padding-bottom: 1em;
	font-size: 1em;
	}
	
h1, h2, h3, h4 {
	font-weight: normal;
	padding-bottom: 1em;
	}
	
h1 {
	font-size: 1.5em;
	}

h1.slogan {
	font-size: 2em;
	}
h2 {
	font-size: 1.2em;
}


hr { 
	display: block; 
	margin-before: 0.5em; 
	margin-after: 0.5em; 
	margin-start: auto; 
	margin-end: auto; 
	overflow: hidden; 
	border-style: inset; 
	border-width: 1px;
	margin-bottom: 1em;
}

table { 
	margin-bottom: 1em;
	border-collapse: collapse;
	width: 100%;
    }
    
th
    {
	padding: 5px; 
	vertical-align: top;
	font-size: 0.9em;
  	text-align: left;
    }
    
td {
	padding: 5px; 
	vertical-align: top;
	font-size: 1.1em;
    }