#head_div
{
	display:table;
	width:100%;
	box-shadow:0px 0px 1vw #000;
	background:#841f1a;
}
#head_div_mobile
{
	box-shadow:0px 0px 1vw #000;
	background:#841f1a;
}

#head_div > .logo, #head_div > nav
{
	display:table-cell;
	vertical-align:middle;
}
#head_div_mobile > .logo, #head_div_mobile > nav
{
	display:block;
}

#head_div > .logo, #head_div_mobile > .logo
{
	width:40%;
	padding:8% 0;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(./res/logo.png);
}
#head_div_mobile > .logo
{
	width:100%;
	padding:20% 0;
}

#head_div > nav, #head_div_mobile > nav
{
	width:100%;
}
#head_div > nav > ul, #head_div_mobile > nav > ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:120%;
	text-align:right;
}
#head_div_mobile > nav > ul
{
	font-size:340%;
	text-align:center;
}
#head_div > nav > ul > li, #head_div_mobile > nav > ul > li
{
	position:relative;
	display:inline-block;
	padding:2% 0;
	margin:0 1%;
	text-transform:uppercase;

	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
#head_div > nav > ul > li > a, #head_div_mobile > nav > ul > li > a
{
	color:#fafafa;
	text-decoration:none;
}
#head_div > nav > ul > li:hover, #head_div_mobile > nav > ul > li:hover
{
	transition:all .2s cubic-bezier(.5,3,.5,1.5);
	transform:scale(1.2);
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
#body_div
{
	display:table;
	width:100%;
}
#body_div > article, #body_div > nav
{
	border:0px solid red;
	display:table-cell;
}
#body_div_mobile > article, #body_div_mobile > nav
{
	display:block;
}

#body_div > article > header, #body_div_mobile > article > header
{
	padding:2vw 0;
	text-align:center;
	font-size:200%;
	font-style:italic;
}
#body_div_mobile > article > header
{
	padding:4vw 0;
	font-size:340%;
}
#body_div > article > div, #body_div_mobile > article > div
{
	border:0px solid brown;
}
#body_div > article > div > img
{
	border:0px solid green;
	display:block;
	float:left;
	width:40%;
}
#body_div_mobile > article > div > img
{
	border:0px solid green;
	display:block;
	margin:auto;
	width:90%;
}

#body_div > article > div > span
{
	border:0px solid orange;
	display:block;
	float:left;
	width:60%;
	padding:1%;
}
#body_div_mobile > article > div > span
{
	border:0px solid orange;
	display:block;
	margin:auto;
	padding:2vw 0;
	width:90%;
	font-size:340%;
}

#body_div > article > footer > p
{
	font-size:140%;
}
#body_div_mobile > article > footer > p
{
	text-align:center;
	font-size:340%;
}
#body_div > article > footer > p > a, #body_div_mobile > article > footer > p > a
{
	display:inline-block;
	padding:.5% 3%;
	text-decoration:none;
	font-size:120%;
	color:#fff;
	background:#841f1a;
}

#body_div > nav, #body_div_mobile > nav
{
	background:linear-gradient(45deg, #e5e5e5 10%, #eee 10%, #e5e5e5 20%, #eee 20%, #e5e5e5 30%, #eee 30%, #e5e5e5 40%, #eee 40%, #e5e5e5 50%, #eee 50%, #e5e5e5 60%, #eee 60%, #e5e5e5 70%, #eee 70%, #e5e5e5 80%, #eee 80%, #e5e5e5 90%, #eee 90%);
}
#body_div_mobile > nav
{
	font-size:340%;
}

#body_div > nav > h1, #body_div_mobile > nav > h1
{
	display:block;
	padding:2vw 0;
	letter-spacing:.2vw;
	text-align:center;
	text-transform:uppercase;
	font-size:120%;
	font-weight:bold;
	font-style:italic;
}
#body_div > nav > ul, #body_div_mobile > nav > ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:120%;
	text-align:left;
}
#body_div > nav > ul > li, #body_div_mobile > nav > ul > li
{
	white-space:nowrap;
	text-transform:uppercase;
	color:#841f1a;

	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
#body_div > nav > ul > li:hover, #body_div_mobile > nav > ul > li:hover
{
	transition:all .5s cubic-bezier(.5,3,.5,1.5);
	color:#fff;
	background:#841f1a;
}
#body_div > nav > ul > li > a, #body_div_mobile > nav > ul > li > a
{
	margin:auto 1vw;
	text-decoration:none;
	color:inherit;
}
#body_div > nav > ul > li > a:before, #body_div_mobile > nav > ul > li > a:before
{
	margin-right:.3em;
	content:'\25ba';
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
#foot_div, #foot_div_mobile
{
	padding:1vw 0;
	font-size:100%;
	color:#fafafa;
	background:#841f1a;
}
#foot_div_mobile
{
	font-size:280%;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.clear
{
	clear:both;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.justify
{
	text-align:justify;
	text-justify:distribute;
}
.justify:after
{
	content: "";
	display:inline-block;
	width:100%;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.blank_link
{
	text-decoration:none;
	color:inherit;
}
.color_link
{
	text-decoration:underline;
	color:#eee;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/