main > div > article {
	font-family: Crimson Text, serif;
	font-size: 21px;
	line-height: 23px;
	font-weight: 400;
	color: #6b6b6b;
	text-align: center;
}

main > div > article > * {
	text-align: left;
}

main > div > article p {
	display: inline-block;
	width: 75%;
	margin-bottom: 30px;
}

main > div > article h1 {
	display: inline-block;
	width: 75%;
	
	font-family: Raleway, sans-serif;
	font-weight: 300;
	font-size: 44px;
	color: #b4252d;
	
	text-align: left;
	height: 135px;
	line-height: 135px;
}

@media
  only screen and (max-width:  640px) /*and (orientation: portrait)
, only screen and (max-height: 640px) and (orientation: landscape)*/ {
	main > div > article {
		font-size: 29px;
		line-height: 31px;
	}
	
	main > div > article h1 {
		display: block;
		width: auto;
		margin: 0px 50px;
	}
	
	main > div > article p {
		display: block;
		width: auto;
		margin: 0px 50px 35px 50px;
	}
}