body {
	top: 0;
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: 1em;
	font-weight: lighter;
	text-align: center;
	color: #bbb;
	background-color: #333;
}

@media only screen and (max-width:320px) { 
	img.serviceThumbnail {
		max-width:20%;
				height: auto;
		}
}

@media only screen and (max-width:480px)	{ 
	img.serviceThumbnail {
		max-width: 45%;
		height: auto;
		}
}

@media only screen and (max-width:640px) {
	img.serviceThumbnail {
		max-width: 60%;
		height: auto;
		}
}

@media only screen and (max-width:800px)	{
	img.serviceThumbnail {
		max-width: 75%;
		height: auto;
		}
}

@media only screen and (max-width:1024px) {
	img.serviceThumbnail {
		max-width: 85%;
		height: auto;
		}
}

hr {
	margin-left: 10%;
	margin-right:10%;	
	height: 1px;
	background-color: #bbb;
}

a {
	color: #ddd;
	word-spacing: 2px;
	letter-spacing: 1px;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 2px 2px 4px #111;
}

a:hover {
	color: #ff6666;
	font-weight: bolder;
}

button {
	padding: 0.5em 3em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	margin-bottom: 1em;
	border: none;
	border-radius: 12px;
	color: #ddd;
	background-color: #ff6666;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	font-size: 1em;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}

#body_zone {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
}


table.draw {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
}

p.name {
	margin: 0;
	font-size: 8em;
	font-weight: lighter;
	color: #ff6666;
	text-shadow: 2px 2px #000000;;
}

p.index {
	margin-bottom: 1em;	
	font-weight: lighter;
	letter-spacing: 2px;
}

p.reading {
	margin-top: 0.5em;
	font-weight: lighter;
	letter-spacing: 4px;
}

p.meaning {
	margin: 0;
	font-size: 1.25em;
	letter-spacing: 2px;
}

p.guide {
	margin-left: 15%;
	margin-right: 15%;
	font-size: 0.9em;
	font-style: italic;
	font-weight: lighter;
}

p.cookies {
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 2em;
	font-size: 0.75em;
	font-style: italic;
	font-weight: lighter;
}

p.copyright {
	margin-top: 1.5em;
	font-style: italic;
	font-weight: lighter;
	letter-spacing: 2px;
}

p.contact {
	margin: 0;
	font-size: 1.5em;
	font-weight: bolder;
	letter-spacing: 2px;
}