@media only screen and (max-device-width: 669px) {
	* {
		margin: 0;
		padding: 0;
	}
	body {
		font-family: 'Open Sans', sans-serif;
		background: url('/layout2/images/new_cover_bg.png') fixed;
		margin: 0;
		padding: 0;
		height: 100%;
		display: block;
		font-size: 12pt;
	}
	h1 {
		padding-bottom: .5em;
	}
	h2 {
	}
	h3 {
	}
	h4 {
		color: #a5bfbf;
		padding-bottom: .5em;
	}
	h5 {
		color: #208bc9;
		padding-top: 1em;
		font-size: 14pt;
		font-style: italic;
	}
	#banner {
		background: white url('/layout2/images/mobile_banner.jpg');
		background-size: 100%;
		padding: 0;
		padding: 390px 0 0 0;
	}
	#menu {
		background: white;
		border-top: 5px double black;
		margin: 0;
		padding: 0;
		overflow: auto;
	}
	#menu a {
		font-weight: bold;
		color: #999;
		text-decoration: none;
	}
	#menu span {
		width: 50%;
		text-align: center;
		float: left;
		padding-top: .5em;
		padding-bottom: .5em;
	}
	#menu a:visited {
		color: #ccc;
	}
	#welcome, #white, #dungeons, #contact {
		background: white;
		border-top: 5px double black;
		border-bottom: 5px double black;
	}
	#welcome, #purchase, #white, #dungeons, #rules, #footer, #extras, #contact {
		padding: 20px;
		overflow: auto;
	}
	#welcome p, #purchase p {
		margin-top: 1em;
	}
	#welcome ul {
		margin-left: 1.5em;
	}
	#welcome li {
		color: #08476b;
		margin-top: .5em;
	}
	#purchase {
		background: white;
		border-top: 5px double black;
	}
	#buy_left {
		border-top: 1px solid;
		border-bottom: 1px solid;
		margin: 1em 0;
		padding: .5em 0;
	}
	#rules, #footer {
		color: white;
		overflow: visible !important;
		background: #6c7586 url('/layout2/images/footer_bg.png');
	}
	#extras {
		background: #fdd8b4 url('/layout2/images/orange_bg.png');
	}
	#footer {
		color: white;
		background: #6c7586 url('/layout2/images/footer_bg.png');
	}
	#update {
		margin-top: 1em;
		padding-top: 1em;
		border-top: 1px solid;
	}
	div.download_card, div.download_card_small {
		background: white;
		margin-bottom: 10px;
		margin-top: 20px;
		border: 1px solid black;
		box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	}
	div.download_image {
		margin: 0;
		height: 200px;
		width: 135px;
		float: right;
		border-left: 1px solid #333;
	}
	div.download_stats, div.download_stats_small {
		margin-right: 135px;
		color: black;
		padding: 10px;
	}
	div.download_stats p, div.download_stats_small p {
		padding: 0;
		font-size: 11pt;
	}
	div.download_button {
		clear: both;
		padding: 18px;	
		background: #888;
		text-align: center;
	}
	div.download_button a {
		background: #eee;
		border-radius: 10px;
		padding: .5em 1.5em;
		box-shadow: 0 0 10px rgba(0,0,0,0.25);
		text-decoration: none;
		color: #2861a6;
		font-weight: bold;
	}
	
	#digital_rules { background: url('/layout2/images/digital_rules.jpg') left; background-size: cover; }
	#booklet_rules { background: url('/layout2/images/booklet_rules.jpg'); background-size: cover; }
	#booklet_rules_a4 { background: url('/layout2/images/booklet_rules_a4.jpg'); background-size: cover; }
	#toast_tower { background: url('/layout2/images/toast_tower.jpg'); background-size: cover; }
	#hanka_zaria { background: url('/layout2/images/hanka_zaria.jpg'); background-size: cover; }
	#ad_macmon { background: url('/layout2/images/ad_macmon.jpg'); background-size: cover; }
	#player_reference { background: url('/layout2/images/player_reference.jpg'); background-size: cover; }
	#pregen_characters { background: url('/layout2/images/pregen_characters.jpg'); background-size: cover; }
	#pregen_printable { background: url('/layout2/images/pregen_printable.jpg'); background-size: cover; }
	#character_sheet { background: url('/layout2/images/character_sheet.jpg'); background-size: cover; }
	#cover { background: url('/layout2/images/cover.jpg'); background-size: cover; }
	#cover_low { background: url('/layout2/images/cover_low.jpg'); background-size: cover; }
	#cover_a4 { background: url('/layout2/images/cover_a4.jpg'); background-size: cover; }
	#cover_a4_low { background: url('/layout2/images/cover_a4_low.jpg'); background-size: cover; }
	
	p.download_title, p.download_title_small {
		font-weight: bold;
		margin-bottom: 10px;
	}
}

@media (max-width: 1024px) and (min-width: 670px) {
	* {
		margin: 0;
		padding: 0;
	}
	body {
		font-family: 'Open Sans', sans-serif;
		background: url('/layout2/images/new_cover_bg.png') fixed;
		margin: 0;
		padding: 0;
		height: 100%;
		display: block;
		font-size: 12pt;
	}
	h1 {
		font-family: 'Martel Sans', sans-serif;
		font-size: 28pt;
		clear: both;
	}
	h1.highlight {
		color: white;
		text-shadow: 0 0 .25em black;
	}
	h2 {
		font-size: 22pt;
	}
	h2.highlight1 {
		color: #ffcc00;
		text-shadow: 0 0 .25em black;
	}
	h3 {
		margin-top: .5em;
		margin-bottom: 1em;
		color: #ff4e0c;
	}
	h4 {
		color: #888;
	}
	h5 {
		margin-top: .5em;
		margin-bottom: 1em;
		color: #6c7586;
	}
	a {
		font-weight: bold;
		color: #b40001;
		text-decoration: none;
	}
	a:hover {
		color: #ffa01f;
	}
	ul {
		margin-left: 2em;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	#banner {
		background: white url('/layout2/images/banner.jpg');
		background-size: cover;
		padding: 0;
		height: 477px;
		padding: 50px 0 0 0;
	}
	#menu {
		background: white;
		padding: 15px 15px 15px 25px;
		margin: 0;
		font-size: 16pt;
		text-align: center;
	}
	#menu span {
		margin-right: 20px;
	}
	#menu :not(:last-of-type):after {
		padding-left: 25px;
		content: "|";
	}
	#menu a {
		font-weight: bold;
		color: #999;
		text-decoration: none;
	}
	#menu a:visited {
		color: #ccc;
	}
	#menu p {
		margin: 0 !important;
	}
	#welcome, #rules, #dungeons, #extras, #purchase, #contact, #footer {
		padding: 30px;
	}
	#welcome, #update, #purchase, #contact, #dungeons {
		background: white;
	}
	#welcome {
		border-bottom: double black 5px;
	}
	#welcome, #dungeons, #purchase, #contact {
		border-left: 1px solid black;
		border-right: 1px solid black;
	}
	#welcome p, #update p, #purchase p, #contact p, #footer p {
		line-height: 1.5em;
		margin-top: .75em;
	}
	#update {
		margin-top: 30px;
		padding-top: 30px;
	}
	#rules {
		overflow: visible !important;
		background: #6c7586 url('/layout2/images/footer_bg.png');
	}
	#dungeons, #welcome, #menu {
		border-bottom: double black 5px;
		border-top: double black 5px;
	}
	#dungeons2 {
		background: url('/layout2/images/shade_block.png');
	}
	#purchase {
		border-top: double black 5px;
	}
	#contact {
		border-bottom: double black 5px;
	}
	#extras {
		background: #fdd8b4 url('/layout2/images/orange_bg.png');
	}
	#footer {
		color: white;
		background: #6c7586 url('/layout2/images/footer_bg.png');
	}
	#update, #contact {
		border-top: 1px solid black;
	}
	#buy_link {
		width: 250px;
		float: right;
		text-align: center;
	}
	#buy_text {
		margin-right: 300px; 
	}
	#buy_left {
		width: 45%;
		border-right: 1px solid;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 20px 20px 20px 0;
		float: left;
	}
	#buy_right {
		width: 50%;
		float: right;
		padding: 40px 0 20px 20px;
	}
	div.download_row {
		width: 100%;
		clear: both;
		text-align: center;
	}
	div.download_card {
		width: 250px;
		background: white;
		border-top: 10px solid #999;
		box-shadow: 0 0 15px black;
		padding: 0;
		float: left;
		margin-right: 70px;
	}
	div.download_card_small {
		width: 200px;
		background: white;
		border-top: 10px solid #999;
		box-shadow: 0 0 5px black;
		padding: 0;
		float: left;
		margin-right: 30px;
	}
	div.download_noshade {
		box-shadow: none !important;
		border: 1px solid #666;
	}
	div.download_card.nopad, div.download_card_small.nopad {
		margin-right: 0 !important;
	}
	div.download_image {
		height: 165px;
		border-bottom: 1px solid #999;
		background-size: cover !important;
	}
	div.download_stats {
		height: 165px;
	}
	div.download_stats_small {
		height: 150px;
	}
	div.wedge {
		width: 100%;
		clear: both;
		height: 1px;
		padding-bottom: 25px;
	}
	#digital_rules { background: url('/layout2/images/digital_rules.jpg') center; }
	#booklet_rules { background: url('/layout2/images/booklet_rules.jpg') center; }
	#booklet_rules_a4 { background: url('/layout2/images/booklet_rules_a4.jpg') center; }
	#toast_tower { background: url('/layout2/images/toast_tower.jpg') top; }
	#hanka_zaria { background: url('/layout2/images/hanka_zaria.jpg') top; }
	#ad_macmon { background: url('/layout2/images/ad_macmon.jpg') top; }
	#player_reference { background: url('/layout2/images/player_reference.jpg') top; }
	#pregen_characters { background: url('/layout2/images/pregen_characters.jpg') top; }
	#pregen_printable { background: url('/layout2/images/pregen_printable.jpg') top; }
	#character_sheet { background: url('/layout2/images/character_sheet.jpg') top; }
	#cover { background: url('/layout2/images/cover.jpg') top; }
	#cover_low { background: url('/layout2/images/cover_low.jpg') top; }
	#cover_a4 { background: url('/layout2/images/cover_a4.jpg') top; }
	#cover_a4_low { background: url('/layout2/images/cover_a4_low.jpg') top; }

	p.download_title {
		color: #496c98;
		font-weight: 600;
		font-size: 16pt;
		text-align: center;
		padding: .5em .5em .25em .5em !important;
		margin: 0 !important;
		vertical-align: middle;
	}
	p.download_title_small {
		color: #f39a0d;
		font-weight: 600;
		font-size: 14pt;
		text-align: center;
		padding: .5em .5em .25em .5em !important;
		margin: 0 !important;
		vertical-align: middle;
	}
	p.blue {
		color: #496c98 !important;
		font-size: 12pt !important;
	}
	p.download_text {
		background: white;
		padding: .25em 1em !important;
		margin: 0;
		font-size: 10pt;
	}
	p.download_text_small {
		background: white;
		padding: .25em 1em !important;
		margin: 0;
		font-size: 10pt;
	}
	div.download_button {
		background: #999;
		text-align: center;
		padding: 1em;
	}
	div.download_button p {
		margin: 0 !important;
	}
	div.download_button a {
		background: #eee;
		border-radius: 10px;
		padding: .5em 1.5em;
		box-shadow: 2px 2px 10px black;
		text-decoration: none;
		color: #2861a6;
		font-weight: bold;
	}
}

@media (min-width: 1000px) {
	* {
		margin: 0;
		padding: 0;
	}
	body {
		font-family: 'Open Sans', sans-serif;
		background: url('/layout2/images/new_cover_bg.png') fixed;
		margin: 0;
		padding: 0;
		height: 100%;
		display: block;
		font-size: 12pt;
	}
	h1 {
		font-family: 'Martel Sans', sans-serif;
		font-size: 28pt;
		clear: both;
	}
	h1.highlight {
		color: white;
		text-shadow: 0 0 .25em black;
	}
	h2 {
		font-size: 22pt;
	}
	h2.highlight1 {
		color: #ffcc00;
		text-shadow: 0 0 .25em black;
	}
	h3 {
		margin-top: .5em;
		margin-bottom: 1em;
		color: #ff4e0c;
	}
	h4 {
		color: #888;
	}
	h5 {
		margin-top: 0;
		margin-bottom: 1em;
		color: #208bc9;
		font-size: 14pt;
	}

	a {
		font-weight: bold;
		color: #b40001;
		text-decoration: none;
	}
	a:hover {
		color: #ffa01f;
	}
	ul {
		margin-left: 2em;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	#banner {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		background: white url('/layout2/images/banner.jpg') top left no-repeat;
		padding: 0;
		height: 477px;
		padding: 50px 0 0 0;
	}
	#menu {
		background: white;
		padding: 15px 15px 15px 25px;
		margin: 0;
		border-top: double black 5px;
		border-bottom: double black 5px;
		font-size: 16pt;
		text-align: center;
	}
	#menu span {
		margin-right: 20px;
	}
	#menu :not(:last-of-type):after {
		padding-left: 25px;
		content: "|";
	}
	#menu a {
		font-weight: bold;
		color: #999;
		text-decoration: none;
	}
	#menu a:visited {
		color: #ccc;
	}
	#menu a:hover {
		color: #f84d1f;
	}
	#menu p {
		margin: 0 !important;
	}
	#welcome, #update, #rules, #dungeons, #extras, #purchase, #contact, #footer {
		width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
	#rules, #dungeons, #extras, #purchase, #contact, #footer {
		padding: 30px;
	}
	#welcome {
		padding: 30px;
	}
	#welcome, #dungeons, #purchase, #contact {
		border-left: 1px solid black;
		border-right: 1px solid black;
	}
	#welcome p, #update p, #purchase p, #contact p, #footer p {
		line-height: 1.5em;
		margin-top: .75em;
	}
	#welcome, #update, #purchase, #contact, #dungeons {
		background: white;
	}
	#update {
		margin-top: 30px;
		padding-top: 30px;
	}
	#rules {
		overflow: visible !important;
		background: #6c7586 url('/layout2/images/footer_bg.png');
	}
	#dungeons, #welcome {
		border-bottom: double black 5px;
		border-top: double black 5px;
	}
	#dungeons2 {
		background: url('/layout2/images/shade_block.png');
	}
	#purchase {
		border-top: double black 5px;
		overflow: visible;
	}
	#buy_left {
		width: 45%;
		border-right: 1px solid;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 20px 20px 20px 0;
		float: left;
	}
	#buy_right {
		width: 50%;
		float: right;
		padding: 40px 0 20px 20px;
	}
	#contact {
		clear: both;
		border-bottom: double black 5px;
	}
	#extras {
		background: #fdd8b4 url('/layout2/images/orange_bg.png');
	}
	#footer {
		clear: both;
		color: white;
		background: #6c7586 url('/layout2/images/footer_bg.png');
	}
	#update, #contact {
		border-top: 1px solid black;
	}
	#buy_link {
		width: 250px;
		float: right;
		text-align: center;
	}
	#buy_text {
		margin-right: 300px; 
	}
	div.download_row {
		width: 100%;
		clear: both;
		text-align: center;
	}
	div.download_card {
		width: 250px;
		background: white;
		border-top: 10px solid #999;
		box-shadow: 0 0 15px black;
		padding: 0;
		float: left;
		margin-right: 70px;
	}
	div.download_card_small {
		width: 200px;
		background: white;
		border-top: 10px solid #999;
		box-shadow: 0 0 5px black;
		padding: 0;
		float: left;
		margin-right: 30px;
	}
	div.download_noshade {
		box-shadow: none !important;
		border: 1px solid #666;
	}
	div.download_card.nopad, div.download_card_small.nopad {
		margin-right: 0 !important;
	}
	div.download_image {
		height: 165px;
		border-bottom: 1px solid #999;
		background-size: cover !important;
	}
	div.download_stats {
		height: 165px;
	}
	div.download_stats_small {
		height: 150px;
	}
	div.wedge {
		width: 100%;
		clear: both;
		height: 1px;
		padding-bottom: 25px;
	}
	#digital_rules { background: url('/layout2/images/digital_rules.jpg') center; }
	#booklet_rules { background: url('/layout2/images/booklet_rules.jpg') center; }
	#booklet_rules_a4 { background: url('/layout2/images/booklet_rules_a4.jpg') center; }
	#toast_tower { background: url('/layout2/images/toast_tower.jpg') top; }
	#hanka_zaria { background: url('/layout2/images/hanka_zaria.jpg') top; }
	#ad_macmon { background: url('/layout2/images/ad_macmon.jpg') top; }
	#player_reference { background: url('/layout2/images/player_reference.jpg') top; }
	#pregen_characters { background: url('/layout2/images/pregen_characters.jpg') top; }
	#pregen_printable { background: url('/layout2/images/pregen_printable.jpg') top; }
	#character_sheet { background: url('/layout2/images/character_sheet.jpg') top; }
	#cover { background: url('/layout2/images/cover.jpg') top; }
	#cover_low { background: url('/layout2/images/cover_low.jpg') top; }
	#cover_a4 { background: url('/layout2/images/cover_a4.jpg') top; }
	#cover_a4_low { background: url('/layout2/images/cover_a4_low.jpg') top; }

	p.download_title {
		color: #496c98;
		font-weight: 600;
		font-size: 16pt;
		text-align: center;
		padding: .5em .5em .25em .5em !important;
		margin: 0 !important;
		vertical-align: middle;
	}
	p.download_title_small {
		color: #f39a0d;
		font-weight: 600;
		font-size: 14pt;
		text-align: center;
		padding: .5em .5em .25em .5em !important;
		margin: 0 !important;
		vertical-align: middle;
	}
	p.blue {
		color: #496c98 !important;
		font-size: 12pt !important;
	}
	p.download_text {
		background: white;
		padding: .25em 1em !important;
		margin: 0;
		font-size: 10pt;
	}
	p.download_text_small {
		background: white;
		padding: .25em 1em !important;
		margin: 0;
		font-size: 10pt;
	}
	div.download_button {
		background: #999;
		text-align: center;
		padding: 1em;
	}
	div.download_button p {
		margin: 0 !important;
	}
	div.download_button a {
		background: #eee;
		border-radius: 10px;
		padding: .5em 1.5em;
		box-shadow: 2px 2px 10px black;
		text-decoration: none;
		color: #2861a6;
		font-weight: bold;
	}
}