/*** LAYOUT ***/

body {
	background-color: #ffffff;
	padding: 1.6em;
	margin: 0;
	}

article, header {
	max-width: 28em;
	margin: 0 auto;
	}
	

#abacus {
	width: 100%;
	height: 100%;
	margin: 2em auto;
	}


/*** TYPOGRAPHY ***/

body {
    font-family: "Garamond", Georgia, serif;
    font-size: 21px;
    line-height: 1.5em;
    color: #444;
    }
    
p {
	font-size: 0.9em;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	}
  

	
h1, h2, h3, h4 {
	font-weight: normal;
	text-rendering: optimizeLegibility;
	margin-bottom: 0;
	margin-top: 2em;
	font-style: normal;
	line-height: 1.2em;
	-webkit-font-smoothing: antialiased;
	}
	


a {
	color: #4799df; 
	text-decoration: none;
	}

a:hover, a:focus, a:visited {
	text-decoration: underline;
	}



/*** MEDIA QUERIES ***/

@media screen and (max-width:500px) {
	body {
		border-width: 0;
		border-top-width: 0em;
		font-size: 18px;
		}
	
	nav ul li a {
		font-size: 1em;
		}

}
@media screen and (max-height:500px) {
	#abacus {
	margin: 1.3em auto;
	}

	h1, h2, h3, h4 {
	margin-top: 1.3em;
}	

}



/*** FONTS ****/

@media screen and (min-width:1300px) { 	body { font-size: 24px; }  }
@media screen and (min-width:1800px) { 	body { font-size: 30px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }  }