* {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
@font-face {
font-family: 'EdgeLineOutline';
src: url('font/EdgeLineOutline.otf');
}
html, body {
	height: 100%;
	font-size: 1.1em;
}
body {
	flex-direction: column;
	display: flex;
}
h1 {
	font-size: 2.5em;
	margin: 0px 0px;
	padding: 8px;
	color: white;
}
h2 {
	font-size: 2em;
}
h3 {
}
#header {
	/* 0 flex-grow, 0 flex-shrink, auto flex-basis */
   flex: 0 0 auto;
}
#content {
	/* 1 flex-grow, 0 flex-shrink, auto flex-basis */
   flex: 1 0 auto;
}
#footer {
	/* 0 flex-grow, 0 flex-shrink, auto flex-basis */
   flex: 0 0 auto;
	bottom: 0px;
}


/* Портретная ориентация шаблона */
@media screen and (orientation:landscape) {


#mainbody {
	background-image: url('img/bgl.jpg');
}


@media screen and (max-width: 1024px) 
{ #mainbody { 
	background-image:url('img/bgl1200.jpg') 
	} 

} 
	
@media screen and (max-width: 640x) 
{ 
#mainbody 	{ 
	background-image:url('img/color.jpg') 
	} 
}
}

/* Ландшафтная ориентация шаблона*/
@media screen and (orientation:portrait) {
#mainbody {
	background-image: url('img/bgp.jpg');
}

@media screen and (max-width: 480px) {
#mainbody {
	background-image: url('img/bgp600.jpg');
}
}
@media screen and (max-width: 240x) {
#mainbody {
	background-image: url('img/bgp320.jpg');
}
}
}