* {
	text-align: justify;
	width: 75%;
	margin: 0 auto;
	font-family: courier new;
}
body {
	background-color: #c5dbbd;
}
h1,h2,h3 {
	color: #3b4b34;
	margin-bottom:10px;
	margin-top:30px;
}
h2,h3 {
	text-align: right;
}
a,hr {
	color: #495544;
	margin-bottom:10px;
}
br,img {
    margin-bottom:10px;
}
img {
	width:auto;
	max-width:100%;
	display:block;
	margin-left:auto;
	margin-right:0;
}
blockquote p {
	/* For a quote that pops out (or maybe code):
	color:#b5f49c;
	background-color:#394f31;*/
	color:#3b4b34;
	background-color:#adc4a4;
	padding:10px;
	margin:0px auto;
}
p,footer {
	color: #4f584c;
	margin-bottom:10px;
	margin-top:10px;
}
footer {
	margin-top: 200px;
}
#alaviite1, #alaviite2, #alaviite3 {
	color:#818e7c;
	margin-bottom:30px;
}
.takaisin {
	font-size:22px;
}
td,th, li {
	text-align:left;
}
@media screen and (max-width: 800px) {
	* {
		width: 90%;
	}
	h1 {
		font-size: 20px;
	}
}