@charset "utf-8";

.img {
	float: left;
	margin-right: 10px;
	margin-left: 30px;
	border: medium solid #FFF;
	display: block;
}

/* Mobile Layout: 480px and below. */

h2 {
	letter-spacing: 5px;
	padding-right: 10px;
	padding-left: 10px;
	color: #000;
}
p {
	padding-right: 10px;
	padding-left: 10px;
	letter-spacing: 2px;
	color: #000;
}

ol li {
	margin-right: 10px;
	color: #000;
}
h4 {
	font-size: 13px;
	font-style: italic;
	color: #666;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

h2 {
	letter-spacing: 5px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 140%
}
p {
	padding-right: 10px;
	padding-left: 10px;
	letter-spacing: 2px;
	font-size: 130%
}

ol li {
	padding-right: 10px;
	font-size: 130%
}
h4 {
	font-size: 120%;
	font-style: italic;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
h2 {
	letter-spacing: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
p {
	padding-right: 10px;
	padding-left: 10px;
	letter-spacing: 2px;
}

ol li {
	padding-right: 10px;
}
h4 {
	font-size: 120%;
	font-style: italic;
}
}