@charset "utf-8";
/* CSS Document */
img {
	max-width: 100%;
}


#wrapper {
	width: 70%;	/* 960 = 70% */
	margin: 0px auto; 
}

h1 {
	font-size: 3.375em; /* 54/16 */
	text-align: center;
	color: #a184b1;
}

section {
	width: 34.375%;	/* 330/960 */
	font-size: 1.25em;	/* 20/16 */
}

.align-right {
	float: right;
	margin-left: 3.125%;	/* 30/960 */
}

/* MEDIA QUERIES ALWAYS GO AT THE END */

/* Smartphone Media Query */
@media only all and (max-width: 480px) {
	#wrapper {
		width: 95%;
	}
	
	section {
		width: 100%;
		margin-top: 14px;
	}
	
	.align-right {
		float: none;
		margin-left: 0%;
	}
	
	h1 {
		font-size: 2.25em;	/* 36/16 */
	}
} /* closes media queries */