/* fsz.css */

div.clear { clear: both; }

body {
	background-color: #ebebeb;
}

main {
	width: 80%;
	margin: 20px auto;
	padding: 30px;
	border: 1px solid #666666;
}

header {
	background-color: #c0b88a;
	margin: -30px;
}

h1 {
	font-family: Times New Roman;
	font-style: italic;
	text-shadow: 3px 3px 5px #000000;
	color: #ffffff;
	font-size: 400%;
	padding: 30px;
}
h1 span {
	font-family: arial;
	font-style: normal;
	text-shadow: none;
	color: #990000;
	font-size: 40%;
	font-weight: normal;
}

article {
	margin-top: 80px;
	color: #888888;
	font-size: 100%;
	font-family: arial;
}
p {
	margin: 10px;
}


@media only screen
and (min-width : 240px)
and (max-width : 620px) {
	h1 {
		font-size: 210%;
	}
	h1 span {
		font-size: 60%;
	}
}