/*		Default Layout: 992px. 
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */
	body {
		font-size: .8em;
	}
	h1 {
		font-size: 50px;
	}
	header h1 {
		padding-left: 28px;
		letter-spacing: 64px;
		letter-spacing: 34px;
	}
	.content h1 {
		line-height: 50px;
	}
	.content {
		width: 992px;
		padding: 15px 0;
	}
/*		Tablet Layout: 768px.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
	body {
		font-size: .8em;
	}
	h1 {
		font-size: 40px;
	}
	header h1 {
		padding-left: 25px;
		letter-spacing: 51px;
	}
	.content h1 {
		line-height: 50px;
	}
	.content {
		width: 768px;
		padding: 20px 0;
	}
}
/*		Laptop Layout Short: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout. */
@media only screen and (min-height: 593px) and (max-height: 790px) {
	
	body {
		font-size: .8em;
	}
	h1 {
		font-size: 30px;
	}
	header h1 {
		padding-left: 25px;
		letter-spacing: 51px;
	}
	.content h1 {
		line-height: 50px;
	}
	.content {
		width: 768px;
		padding: 20px 0;
	}
}
/*		Wide Mobile Layout: 480px.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (min-width: 481px) and (max-width: 767px) {
	
	body {
		font-size: 0.45em;
	}
	h1 {
		font-size: 30px;
	}
	header h1 {
		padding-left: 14px;
		letter-spacing: 29px;
	}
	.content h1 {
		line-height: 44px;
	}
	.content {
		width: 481px;
		padding: 15px 0;
	}
}
/*		Short: 592px.
		Inherits styles from: Default Layout. */
@media only screen and (min-height: 370px) and (max-height: 592px) {
	
	body {
		font-size: 0.45em;
	}
	h1 {
		font-size: 30px;
	}
	header h1 {
		padding-left: 14px;
		letter-spacing: 29px;
	}
	.content h1 {
		line-height: 44px;
	}
	.content {
		width: 481px;
		padding: 15px 0;
	}
}
/*		Wide Mobile Layout: 480px.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (min-width: 321px) and (max-width: 480px) {
	body {
		font-size: 0.45em;
	}
	h1 {
		font-size: 20px;
	}
	header h1 {
		padding-left: 8px;
		letter-spacing: 19px;
	}
	.content h1 {
		line-height: 28px;
	}
	.content {
		width: 321px;
		padding: 15px 0;
	}
}
/*		Short: 369px.
		Inherits styles from: Default Layout. */
@media only screen and (max-height: 369px) {
	
	body {
		font-size: 0.45em;
	}
	h1 {
		font-size: 20px;
	}
	header h1 {
		padding-left: 8px;
		letter-spacing: 19px;
	}
	.content h1 {
		line-height: 28px;
	}
	.content {
		width: 321px;
		padding: 15px 0;
	}
}
/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 320px) {
	
	body {
		font-size: 0.45em;
	}
	h1 {
		font-size: 20px;
	}
	header h1 {
		padding-left: 8px;
		letter-spacing: 19px;
	}
	.content h1 {
		line-height: 28px;
	}
	.content {
		width: 300px;
		padding: 15px 0;
	}
}