@charset "utf-8";
/* CSS Document */

html {
	/*background: url(/~pchee/fts/2013/wsdi/learning_modules/week8/rwd/images/responsive-guide.jpg) repeat-y;*/
	
}

/* = Typography */
html {
	font-size: 62.5%;
	
}
body {
	
	font: normal 1.0em/1.5 "AlegreyaRegular", Palatino, "Georgia", sans-serif;
	
}
body > div {
	font-size: 1.6em;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "AlegreyaBold";
}

h1 {
	font-size: 3.75em;
}
#content > h1 {
		font-size: 2.8em;
	}
h2 {
	font-size: 2.25em;
}
ul {
	list-style:square;
	color: rgb(36,67,115);
	margin-left: 2%;
}

/* = Layout */
#page {
	width: 960px;
	
	
}

#art {
	/*background-color: rgb(129,115,151);*/
	
	text-align:center;
}
@media screen and (max-width: 480px) {
	
	#page {
		 
		width: 93.75%;
		margin: 0 auto;
		background: rgb(240,210,192);
		background: rgba(240,210,192,0.4);
	}
	
	figure img {
		width: 96%;
	}	
	h1 {
	font-size: 2.0em;
}
	#content > h1 {
		font-size: 1.6em;
	}
	h2 {
	font-size: 1.2em;
}
	ul {
		margin-left: 5%;
	}
	#catalogue figure {
		
		width: auto;
	} 
}

@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
	html {
			background-color: rgb(255,136,85);
			background-color: rgba(255,136,85,0.5);
			padding: 12px;
		}
		body { 
			margin: 0;
			padding: 16px;
		}
		#page {
			margin: 0;
		}

}
@media screen and (min-width: 481px) {
	
	#content {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-rule: 1px solid rgb(182,203,61);
		-moz-column-rule: 1px solid rgb(182,203,61);
		column-rule: 1px solid rgb(182,203,61);	
	}
	#content h1 {
		-webkit-column-span: all;
		-moz-column-span: all;
		column-span: all;
	}
	h2 {
		-webkit-column-span: all;
		-moz-column-span: all;
		column-span: all;
		-webkit-break-before: column;
		-moz-break-before: column;
		break-before: column;
	}
	
	#catalogue figure {
		margin: 0 auto;
	}
	figure img { max-width: 100%;  }
	aside { clear: both; } 
	
}

@media screen and (min-width: 920px) {
	
	#page {
		margin: 0 auto;
	}
	#content {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		
	}
	#catalogue {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		
	}
	h2 {
		-webkit-column-span: all;
		-moz-column-span: all;
		column-span: all;
	}
	
}
/* = Color */

/* Colour Scheme
  Emerald Green - rgb(0,146,117); #009275 *
  Grayed Jade - rgb(155,189,170); #9bbdaa 
  Dusk Blue - rgb(121,160,192); #79a0c0
  Tender Shoots - rgb(182,203,61); #b6cb3d
  Lemon Zest - rgb(251,215,88); #fbd7f8
  African Violet - rgb(177,134,183); #b186b7
  Linen - rgb(240,210,192); f0d2c0
  Monaco Blue - rgb(36,67,115); #244373
  Poppy Red - rgb(226,52,58); #e2343a
  Nectarine - rgb(255,136,85); #ff8855
  */

h1, h2, h3, h4, h5, h6  {
	color: rgb(177,134,183);
}

.p5 {
	color: rgb(244,128,155);
}