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

element.style {
	transition-delay:1000ms;
}

span.is-visible {
	opacity: 1;
}

span {
	transition: opacity 800ms ease-in-out;
	transition-property: opacity;
	transition-duration: 800ms;
	transition-timing-function: ease-in-out;
}

body {
	line-height: 1.8em;
	line-height: 145%;
	font-weight: normal;
	margin: 3em;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

 body { font-size: 1.8em; 
 	line-height: 145%; 
 	font-weight: normal; 
 	margin: 3em; 
 	text-rendering: optimizeLegibility; 
 	-webkit-font-smoothing: antialiased; 
 	-moz-osx-font-smoothing: grayscale; } 


 span { opacity: 0; 
 	transition: opacity 800ms ease-in-out; } 

 span.is-visible { opacity: 1; } 
 
 a { color: #000; }

 .Title { margin: 0 0 2em 0; text-align: center;} 

 .Content { width: 60%; margin: auto; }  

 @media all and (max-width: 640px) { body { font-size: 1em; margin: 1em; } 

 .Title { text-align: center; font-size: 1em; margin: 0 0 1em 0;} Content { width: 90%; }}