body{
	margin: 30px 15px;
	text-align: center;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
}

h1, p {
	font-weight: normal;
}

h1 { font-size: 50px; }
p { font-size: 30px; }

@media only screen and (max-width: 900px) {

	h1 { font-size: 40px; }
	p { font-size: 20px; }

}

@media only screen and (max-width: 700px) {

	h1 { font-size: 30px; }
	p { font-size: 15px; }

}

@media only screen and (max-width: 500px) {

	h1 { font-size: 20px; }
	p { font-size: 10px; }

}

@media only screen and (max-width: 300px) {

	h1 { font-size: 10px; }
	p { font-size: 5px; }

}



#portrait {
	max-width: 100%;
}