/*===========================================================================*/
@font-face {
	font-family: Miroslav;
	src: url("/assets/fonts/Miroslav.eot");
	src: url("/assets/fonts/Miroslav.eot?#iefix") fromat("embedded-opentype");
	src: url("/assets/fonts/Miroslav.ttf") format("truetype");
} /* font-face */
/*===========================================================================*/
html {
	min-height: 100%;
} /* html*/
/*---------------------------------------------------------------------------*/
body {
	display: flex;
	height: 100%;
	padding: 0;
	margin: 0;
} /* body */
/*===========================================================================*/
.page {
	min-height: 100vh;
	width: 100%;
	display: flex;
	flex-direction: column;
	background-image:
		/*url("/assets/images/tile.png"),*/
		linear-gradient(to bottom,#e3a284,#202020);
	background-position: left top;
} /* page */
/*===========================================================================*/
header {
	margin-top: 4px;
	margin-bottom: 2px;
	height: auto;
} /* header */
/*===========================================================================*/
.navigation {
	margin-top: 2px;
	margin-bottom: 2px;
} /* navigation */
/*===========================================================================*/
div.menu {
	margin-top: 4px;
	margin-bottom: auto;
	margin-right: auto;
} /* div.menu */
/*===========================================================================*/
ul.menu {
	padding: 0;
	margin: 0;
	background: none;
	border: none;
} /* ul.menu */
/*===========================================================================*/
.layout {
	height: 100%;
	margin: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
} /* layout */
/*===========================================================================*/
.bar_l,.bar_r {
	flex-grow: 1;
	margin: 0;
	background-repeat: repeat-y;
} /* bars */
/*---------------------------------------------------------------------------*/
.bar_l {
	background-image:
		url("/assets/images/tape2sh-r.png"),
		linear-gradient(to left,rgba(0,0,0,0.6),rgba(0,0,0,0));
	background-position: top right;
} /* bar_l */
/*---------------------------------------------------------------------------*/
.bar_r {
	background-image:
		url("/assets/images/tape2sh-l.png"),
		linear-gradient(to right,rgba(0,0,0,0.6),rgba(0,0,0,0));
	background-position: top left;
} /* bar_r */
/*===========================================================================*/
footer {
	margin: 0;
	border: none;
	text-align: center;
	padding: 4px 0;
	background: linear-gradient(to bottom,#e4e4e4,#ec951b);
	box-shadow: 0 -4px 4px 2px #2b2a28;
} /* footer */
/*===========================================================================*/
@media (max-width: 1126px) {
	.bar_l {
		background-image: linear-gradient(to left,rgba(0,0,0,0.8),rgba(0,0,0,0));
		min-width: 4px;
	} /* bar_l*/
	.bar_r {
		background-image: linear-gradient(to right,rgba(0,0,0,0.8),rgba(0,0,0,0));
		min-width: 4px;
	} /* bar_r */
} /* mobile */
/*===========================================================================*/