body, html {
	font-size: 16pt;
	background-color: #c1c1c1;
	font-family: 'Cormorant', serif;
}
body {
	position: relative;
}

a {
	text-decoration: none;
}
header, footer {
	background-color: #365d08;
	color: #f8fff8;
	padding-left: 32px;
	padding-right: 32px;
	padding-top: 6px;
	position: relative;
	font-family: 'Forum', serif;
}
header {
	z-index: 50;
	border-bottom: #132800 6px solid;	
}
footer {
	border-top: #132800 6px solid;
	height: 200px;
}
footer p {
	margin: 0;
	padding-bottom: 32px;
}
footer a.rbdmd {
	font-size: 0;
	display: block;
	position: absolute;
	top: 6px;
	right: 6px;
	width: 64px;
	height: 64px;
	background-image: url( rbdmd.png );
	background-position: 0 0;
	background-repeat: no-repeat;
}

footer ul.nav {
	position: absolute;
	bottom: 6px;
	right: 6px;	
	list-style: none;
}
footer ul.nav a {
	color: white;
	font-weight: bold;	
}
header a,
div#cookie_warning a {
	color: inherit;
	font-weight: bold;
}
header nav ul {
	list-style: none;
	padding: 0;
	padding-top: 6px;
	margin: 0;
}
header nav.main_menu>ul {
/*	height: 32px; */
}
header nav.main_menu>ul>li {
	display: inline-block;
	position: relative;
	margin-right: 24px;
	height: 32px;
}
header nav.main_menu li>ul {
	display: none;
	position: absolute;
	top: calc( 100% );
	left: -12px;
	padding: 6px;
	background-color: #365d08;
	border-left: #132800 6px solid;
	border-right: #132800 6px solid;
	border-bottom: #132800 6px solid;
	width: 7em;
}
header nav.main_menu li>ul>li {
	display: block;
	padding-top: 6px;
}
header nav.social_media {
	position: absolute;
	top: 0;
	right: 32px;
}
header nav.social_media li {
	display: inline-block;
	position: relative;
	width: 32px;
	height: 32px;
}
header nav.social_media li>a {
	font-size: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: 0 0;
}
header nav.social_media a#sm_fb {
	background-image: url( fb.png );
}
header nav.social_media a#sm_twitter {
	background-image: url( twitter.png );
}
div#cookie_warning {
	font-size: 80%;
	display: block;
	position: fixed;
	bottom: 0;
	left: 50%;
	right: 0;
	background-color: rgba(54, 93, 8, 0.8);
	color: #f8fff8;
	padding: 2%;
	z-index: 100;
	border: #132800 6px solid;
}

main {
	position: relative;
	z-index: 1;
	font-size: 130%;
}
main .main_inner {
	margin: 32px;
	margin-top: 0;
}
main .main_inner div.item-page div {
	position: relative;
	z-index: 5;
}
main .main_inner div.item-page div.item-image {
	z-index: 1;
	position: absolute;
	top: 0;
	left: -32px;
	right: 32px;
	text-align: left;
}
main .main_inner div.item-image img {
	height: 95vh;
	display: block;
	position: relative;
	z-index: 0;
}
main .item-page div.badge {
	padding-left: 60vh;
	position: relative;
	height: 95vh;
}
main .item-page div.badge>a,
main .item-page div.badge>p.top-box,
main .item-page div.badge>span {
	position: absolute;
	display: block;
	top: 24px;
	left: 60vh;
	right: 0;
	font-size: 75%;
	border: #132800 6px solid;
	padding: 12px;
	text-align: center;
	color: white;
	background-color: #365D08;
}
main .item-page div.badge>p.top-box a {
	color: white;
	font-weight: bold;
}
main .item-page div.badge h1 {
	margin: 0;
	color: #365d08;
	font-weight: 700;
	padding-top: 30vh;
	font-size: 160%;
	text-align: center;
	text-transform: uppercase;
/*	text-shadow: 1.5px 1.5px #132800; */
}
main .item-page div.badge hr {
	border: 0;
	border-bottom: #132800 3px solid;
	width: 66%;
	margin-left: auto;
	margin-right: auto;
}
main .item-page div.badge h3,
main .item-page div.badge h2 {
	margin: 0;
	color: #132800;
	font-size: 120%;
	text-align: center;
	font-style: italic;
}
main .item-page div.badge h2 {
	margin-top: 5vh;
	font-size: 140%;
}
main .item-page p {
	position: relative;
	margin: 0;
	z-index: 10;
	padding-top: 16px;
	padding-bottom: 32px;
	text-align: center;
}
main .item-page p.no_img {
	min-height: auto;
}
main .item-page ul.links {
	max-width: 460px;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	list-style: none;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;

}
main .item-page ul.links li {
	padding-bottom: 1em;
}
/*main .item-page p:last-child {
	min-height: calc( 100vh - 296px );
}
main .item-page p::after {
	content: "";
	position: absolute;
	background-repeat: repeat-y;
	background-position: 0 0;
	background-image: url( mask.png );
	top: 0;
	left: calc( 50% - 96px );
	width: 128px;
	height: 100%;
	z-index: -1;
} */
main .item-page p>img {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	vertical-align:middle;
}
main .item-page p>img:first-child:nth-last-child(1) {
	width: 50%;
}
main .item-page p>img:first-child:nth-last-child(2),
main .item-page p>img:first-child:nth-last-child(2) ~ img {
	width: 33.333%;
}
main .item-page p>img:first-child:nth-last-child(3),
main .item-page p>img:first-child:nth-last-child(3) ~ img {
	margin: 1%;
	width: 30%;
}
main .item-page p>img:first-child:nth-last-child(3) + img {
	width: 20%;;
}
main .item-page p>img:first-child:nth-last-child(4),
main .item-page p>img:first-child:nth-last-child(4) ~ img {
	width: 20%;
}
#img_holder {
	position: fixed;
	top: 0;
	width: calc( 50% + 32px );
}
#img_holder img {
	width: 100%;
}
div.blog>div {
	padding-left: 40%;
	position: relative;
	min-height: 30vw;
}
div.blog>div::after {
	content: "";
	position: absolute;
	background-repeat: repeat-y;
	background-position: 0 0;
	background-image: url( mask.png );
	top: 0;
	left: calc( 40% - 64px );
	width: 128px;
	height: 100%;
	z-index: -1;
}
div.blog div.page-header {
	padding-right: 16%;
	z-index: 20;
}
div.blog div.page-header h2 {
	margin: 0;
	padding-top: 6px;
	font-size: 120%;
}
div.blog dl.article-info {
	position: absolute;
	top: 6px;;
	right: 0;
	font-size: 60%;
	margin: 0;
	width: 15%;
}
div.blog dl.article-info dd {
	margin: 0;
}	
div.blog div.item-image {
	position: absolute;
	top: 0;
	left: -32px;
	width: calc( 96px + 40% );
	z-index: -1;
}
div.blog div.item-image img {
	width: 100%;
	height: auto;
}
div.caption {
	position: absolute;
	text-align: center;
	padding-top: 6px;
	color: #505050;
}
iframe {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
main a {
	color: #365d08;
}
div.purchase {
	text-align: center;
}
a.purchase {
	display: inline-block;
	position: relative;
	width: 48%;
	text-align: left;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
	white-space: no-wrap;
}
main .item-page p.explanation {
	font-size: 80%;
	font-style: italic;
	margin-bottom: 0;
	padding-bottom: 0;
}
a.purchase:nth-child(1), a.purchase:nth-child(3), a.purchase:nth-child(5) {
	text-align: right;
}
a.purchase:nth-child(1), a.purchase:nth-child(2) {
	font-size: 120%;
	padding-bottom: 1em;
}
@media (max-width: 1000px) {
a.purchase {
	font-size: 80%;
}
a.purchase:nth-child(1), a.purchase:nth-child(2) {
	font-size: 100%;
}
}
@media (max-width: 1000px) {
main {
	font-size: 100%;
}
}
@media (max-width: 1200px) {
main {
	font-size: 110%;	
}
}
@media (max-width: 1400px) {
main {
	font-size: 120%;
}
}

@media (max-width: 799px) {

header, footer {
	padding-left: 0;
	padding-right: 0;
}
header nav.social_media {
	right: 0;
}
main {
	font-size: 90%;
}
main div.main_inner {
	margin: 0;
	margin-bottom: 32px;
}
main .main_inner div.item-page div.item-image {
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	width: 100vw;
	padding-top: 0;
}
main .main_inner div.item-image img {
	height: auto;
	width: 100%;
}
main .item-page div.badge {
	margin-top: -130vw;
	padding-left: 0;
	height: auto;
}
main .item-page div.badge h1 {
	padding-top: 4vw;
	font-size: 3.5vh;
}
main .item-page div.badge h2 {
	padding-top: 110vw;
}
main .item-page div.badge h3 {
	font-size: 90%;
	margin-bottom: 32px;
}
main .item-page p {
	font-size: 90%;
	padding-top: 0px;
	padding-left: 0;
	padding-bottom: 6px;
	min-height: auto;
}
main .item-page p::after {
	content: none;
}
main .item-page p>img:first-child:nth-last-child(1) {
	width: 100%;
}
main .item-page p>img:first-child:nth-last-child(2),
main .item-page p>img:first-child:nth-last-child(2) ~ img {
	width: 100%;
}
main .item-page p>img:first-child:nth-last-child(3),
main .item-page p>img:first-child:nth-last-child(3) ~ img {
	margin: 0;
	width: 100%;
}
main .item-page p>img:first-child:nth-last-child(3) + img {
	width: 100%;
}
main .item-page p>img:first-child:nth-last-child(4),
main .item-page p>img:first-child:nth-last-child(4) ~ img {
	width: 100%;
}
div.caption {
	display: none;
}
#img_holder {
	width: 100%;
}
footer {
	text-align: center;
	font-size: 60%;
	padding: 8px;
	height: auto;
	padding-bottom: 120px;
}
footer a.rbdmd {
	display: none;
}
header nav.main_menu {
	width: 60%;
	padding-top: 32px;
	background-repeat: no-repeat;
	background-position: 8px 0;
	background-image: url( menu.png );
	font-size: 90%;
}
header nav.main_menu ul {
	list-style: none;
	padding-top: 0;
	display: none;
}
header nav.main_menu ul {
	height: auto;
}
header nav.main_menu>ul>li,
header nav.main_menu>ul>li>ul>li {
	display: block;
	position: relative;
	height: auto;
	margin-right: 0;
	padding-left: 16px;
	padding-bottom: 8px;
}
header nav.main_menu>ul>li:last-child {
	padding-bottom: 0;
}
div.blog>div {
	padding-left: 0;
}
div.blog div.item-image {
	display: none;
}
div.blog div.page-header h2 {
	padding-top: 18px;
}
div.blog dl.article-info {
	top: 2px;
	width: 100%;
	right: auto;
	left: 0;
}
div#cookie_warning {
	left: 0;
}

header nav.main_menu li>ul {
	display: block;
	position: relative;
	border: 0;
	top: auto;
	width: 100%;
	left: auto;
}
span.caption {
	display: inline-block;
	width: 100%;
	color: #505050;
	padding-top: 6px;
	padding-bottom: 6px;
	
}
main .item-page div.badge>a,
main .item-page div.badge>p.top-box {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: auto;
}
main .main_inner div.item-page div.badge {	
	z-index: 100;

}
a.purchase {
	width: 90%;
	text-align: center;
	font-size: 110%;
}
a.purchase:nth-child(1), a.purchase:nth-child(3), a.purchase:nth-child(5) {
	text-align: center;
}
a.pruchase:nth-child(1), a.purchase:nth-child(2) {
	font-size: 115%;
}
}