div, section {transition: background-color 0.1s ease-out, opacity 0.5s ease, color 0.2s ease;}

/*
div, section {background-color:rgba(0,0,0,0.1);}
*/

/*
div:hover, label:hover {background-color:rgba(0,0,0,0.1);}
*/

body {margin:0; padding:0; background-image: url(paper.jpg);}
* {line-height: 1.7em;}

a {color:#9f5200}

.layout {
	width: 100%;
	max-width:2000px;
	min-height:100vh;
	padding:0;
	/*gap: 15px;*/
	display: flex;
	flex-direction: column;
	
	background: url(back1.png);
    background-position-y: top;
	background-position-x: 75%;
    background-repeat: no-repeat;
}

.a-head {
	/*height: 80px;*/
	min-height: 80px;
	margin-bottom: 15px;
	background-image: url('logo1.png');
	background-position: top left;
	background-repeat: no-repeat;
}
.a-head-logo {
	font-size:0px;
	min-height: 70px;
}
.a-head-logo a {
	display: inline-block;
	min-width: 250px;
	min-height: 50px;
	outline:none;
}
.a-head-contest, .a-head-links {
	margin-top:9px
}
.a-head-contest div {
	display: inline;
}
.a-head-search {
	margin-top: 15px;
}

.a-content {
	width:100%;
	flex-grow: 1;
	display: flex;
	flex-direction: row;
}

.a-side {
	min-height:100%;
	width:20vw;
	display: flex;
	gap: 30px;
	padding:0 15px;
	flex-direction: column;
}

.a-side-spacer {flex-grow: 1;}
.a-side-foot {min-height: 150px;}

.a-body {
	flex-grow: 1;
	width:80vw;
}

.a-body-cont {
	display: flex;
	flex-wrap: wrap;
	padding:0;
}

.a-nav {/**/}
.a-nav .l1 {}
.a-nav .l2 {padding-left:1em}
.a-nav .l3 {padding-left:2em}
.a-nav .sel {font-weight: bold;}

@media (max-width: 767px) {
	.a-content {
		flex-direction: column;
	}
	.a-side {
		width: initial;
	}
	.a-body {
		width: initial;
	}
	.a-body .a-starter {background: none}
	.a-nav {display: none;}
}


.a-starter {
	min-height: 400px; 
	padding-top:30px;
	padding-bottom:30px;
	background: url(teas1.png);
	background-position: top right;
	background-repeat: no-repeat;
}
.a-starter-spacer {height:40px}
.a-header {margin-top:1em; margin-bottom:1em; }

.a-element {min-height: 250px;}

.a-ender {flex-grow: 1; align-self: center; text-align: center;}
.a-body-foot {width:100%; min-height: 150px; padding:0; margin-top:30px}

/* ==== */

h1, h2, h3, h4, h5, h6, .a-head-logo {
	font-family: "Merriweather", serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	font-variation-settings: "wdth" 100;
}

div, p {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

.news-item-body {
	display: inline;
}

.news-item-date {
	display: inline;
	color:#aaa;
	font-style: italic;
}

.mt-0 {margin-top: 0;}
.mb-1 {margin-bottom: 1em;}


@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}