/* 	Quackenfish 
	Version 2
	Created 09-25-22
*/
/* ------ colors ------ */
/* 	Background - #303
	Text/content - #fff
	Using RWD Marcotte sizing for margins widths and fonts
		target / context = result
*/

/* ----- layout ----- */
body {
	background: #303 url("images/topPageBorder.jpg") repeat-x;
	font-size: 100%;
	text-align: center;
	}
#content {
	margin: 9em auto;
	max-width: 40em;
	color: #fff;
	text-align: left;
 	}
#padding {
	margin: 1em; /* 20/400 */
	}

/* ----- general tags and classes ----- */
.quote {
	text-align:left;
	font-size:1.875em; /* 30 / 16 */
   	font-family: "Palatino Linotype";
	}
.person {
	text-align:right;
	font-size:1.125em; /* 18 / 16 */
   	font-family: "Palatino Linotype";
	}

/* ---------- Media Queries Changes ----------- */

@media screen and (max-width: 768px) {
html {
	-webkit-text-size-adjust: none;
	} 
#content {
	margin: 4em auto;
	width: 99%;
	}
.quote {
	text-align:left;
	font-size:1.5625em; /* 25 / 16 */
   	font-family: "Palatino Linotype";
	}
.person {
	text-align:right;
	font-size:1.25em; /* 20 / 16 */
   	font-family: "Palatino Linotype";
	}

} /* -- end @media screen and (max-width: 768px) */

/*@media screen and (max-width: 520px) {

/* Just ignore this...I'm tired and want to go to bed, and it's overengineered and good enough for cripes sake. 

} *//* -- end @media screen and (max-width: 520px) */