:root {
	box-sizing: border-box;
	font-size: calc(1vw + 0.6em);
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

/*body * + * {
	margin-top: 1.5em;
}*/

body {
	margin: 0;
	font-family: 'Cormorant Infant', serif;
	background-color: #f2f2f2;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	background-color: #fff;
}

.dark {
	background-color: #45493D;
	color: #fff;
}

/*h4 {
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	padding: 1.0em 0 0 0;
	margin: 0;
	background-color: #45493D;
	font-size: 1.125rem;
}

@media (min-width: 36em) {
	h4 {
		color: #45493D;
		background-color: #fff;
	}	
}*/

.bibl {
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	padding: 0.75em 0 0.75em 0;
	margin: 0;
	background-color: #45493D;
	font-size: 0.875rem;
}

@media (min-width: 36em) {
	.bibl {
		color: #45493D;
		background-color: #fff;
	}
}

/*НАЗВАНИЕ ВЫСТАВКИ ПЕРВЫЙ РАЗДЕЛ*/

.ekb-one {
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 2rem;
}

.ekb-two {
	margin-top: 0;
	padding: 0.25em;
	text-align: center;
	font-weight: 600;
	font-size: 1.7rem;
}

@media (min-width: 36em) {
	.ekb-main {
		position: relative;
	}
	.ekb-one {
		position: absolute;
		top: 3.0em;
		left: 60%;
		text-align: left;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.7rem;
	}
	.ekb-two {
		position: absolute;
		top: 8.0em;
		left: 65%;
		text-align: left;
		padding-right: 1.5em;
	}
}

@media (min-width: 48em) {
	.ekb-main {
		position: relative;
	}
	.ekb-one {
		position: absolute;
		top: 2.0em;
		left: 50%;
		text-align: left;
		padding-left: 0;
		padding-right: 0;
	}
	.ekb-two {
		position: absolute;
		top: 6.0em;
		left: 50%;
		text-align: left;
		padding: 0;
	}
}

@media (min-width: 62em) {
	.ekb-main {
		position: relative;
	}
	.ekb-one {
		position: absolute;
		top: 1.00em;
		left: 42%;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.6rem;
	}
	.ekb-two {
		position: absolute;
		top: 4.5em;
		left: 42%;
		padding: 0;
		font-size: 1.4rem;
	}
}

@media (min-width: 75em) {
	.ekb-main {
		position: relative;
	}
	.ekb-one {
		position: absolute;
		top: 1.0em;
		left: 42%;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.6rem;
	}
	.ekb-two {
		position: absolute;
		top: 4.25em;
		left: 42%;
		padding: 0;
		font-size: 1.4rem;
	}
}

@media (min-width: 100em) {
	.ekb-main {
		position: relative;
	}
	.ekb-one {
		position: absolute;
		top: 0.5em;
		left: 42%;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.4rem;
	}
	.ekb-two {
		position: absolute;
		top: 3.5em;
		left: 42%;
		padding: 0;
		font-size: 1.3rem;
	}
}

/*НАЗВАНИЕ ВЫСТАВКИ ВТОРОЙ РАЗДЕЛ*/
.title-two {
	margin-bottom: 1em;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 2rem;
}

@media (min-width: 36em) {
	.ekb-main {
		position: relative;
	}
	.title-two {
		position: absolute;
		top: 3.0em;
		left: 60%;
		text-align: left;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.7rem;
	}
}

@media (min-width: 48em) {
	.ekb-main {
		position: relative;
	}
	.title-two {
		position: absolute;
		top: 2.0em;
		left: 50%;
		text-align: left;
		padding-left: 0;
		padding-right: 0;
	}
}

@media (min-width: 62em) {
	.ekb-main {
		position: relative;
	}
	.title-two {
		position: absolute;
		top: 1.00em;
		left: 42%;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.6rem;
	}
}

@media (min-width: 75em) {
	.ekb-main {
		position: relative;
	}
	.title-two {
		position: absolute;
		top: 1.0em;
		left: 42%;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.6rem;
	}
}

@media (min-width: 100em) {
	.ekb-main {
		position: relative;
	}
	.title-two {
		position: absolute;
		top: 0.5em;
		left: 42%;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.4rem;
	}
}

/*НАЗВАНИЕ ВЫСТАВКИ ТРЕТИЙ РАЗДЕЛ*/

.title-three {
	margin-bottom: 1em;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 2rem;
}

@media (min-width: 36em) {
	.ekb-main {
		position: relative;
	}
	.title-three {
		position: absolute;
		top: 3.0em;
		left: 70%;
		text-align: left;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.7rem;
	}
}

@media (min-width: 48em) {
	.ekb-main {
		position: relative;
	}
	.title-three {
		position: absolute;
		top: 2.0em;
		left: 55%;
		text-align: left;
		padding-left: 0;
		padding-right: 0;
	}
}

@media (min-width: 62em) {
	.ekb-main {
		position: relative;
	}
	.title-three {
		position: absolute;
		top: 1.00em;
		left: 47%;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.6rem;
	}
}

@media (min-width: 75em) {
	.ekb-main {
		position: relative;
	}
	.title-three {
		position: absolute;
		top: 1.0em;
		left: 47%;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.6rem;
	}
}

@media (min-width: 100em) {
	.ekb-main {
		position: relative;
	}
	.title-three {
		position: absolute;
		top: 0.5em;
		left: 47%;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.4rem;
	}
}

/*НАЗВАНИЕ ВЫСТАВКИ ЧЕТВЕРТЫЙ РАЗДЕЛ*/

.title-four {
	margin-bottom: 1em;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 2rem;
}

@media (min-width: 36em) {
	.ekb-main {
		position: relative;
	}
	.title-four {
		position: absolute;
		top: 2.0em;
		left: 62%;
		text-align: left;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.7rem;
	}
}

@media (min-width: 48em) {
	.ekb-main {
		position: relative;
	}
	.title-four {
		position: absolute;
		top: 2.0em;
		left: 55%;
		text-align: left;
		padding-left: 0;
		padding-right: 0;
	}
}

@media (min-width: 62em) {
	.ekb-main {
		position: relative;
	}
	.title-four {
		position: absolute;
		top: 1.00em;
		left: 47%;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.6rem;
	}
}

@media (min-width: 75em) {
	.ekb-main {
		position: relative;
	}
	.title-four {
		position: absolute;
		top: 1.0em;
		left: 47%;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.6rem;
	}
}

@media (min-width: 100em) {
	.ekb-main {
		position: relative;
	}
	.title-four {
		position: absolute;
		top: 0.5em;
		left: 47%;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.4rem;
	}
}

/*НАЗВАНИЕ ВЫСТАВКИ ПЯТЫЙ РАЗДЕЛ*/

.title-five {
	margin-bottom: 1em;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 2rem;
}

@media (min-width: 36em) {
	.ekb-main {
		position: relative;
	}
	.title-five {
		position: absolute;
		top: 3.0em;
		left: 60%;
		text-align: left;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.7rem;
	}
}

@media (min-width: 48em) {
	.ekb-main {
		position: relative;
	}
	.title-five {
		position: absolute;
		top: 2.0em;
		left: 54%;
		text-align: left;
		padding-left: 0;
		padding-right: 0;
	}
}

@media (min-width: 62em) {
	.ekb-main {
		position: relative;
	}
	.title-five {
		position: absolute;
		top: 1.00em;
		left: 44%;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.6rem;
	}
}

@media (min-width: 75em) {
	.ekb-main {
		position: relative;
	}
	.title-five {
		position: absolute;
		top: 1.0em;
		left: 44%;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.6rem;
	}
}

@media (min-width: 100em) {
	.ekb-main {
		position: relative;
	}
	.title-five {
		position: absolute;
		top: 0.5em;
		left: 44%;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.4rem;
	}
}

/*НАЗВАНИЕ СПИСКА*/

.list-one {
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 2rem;
}
.list-two {
	margin-top: 0;
	padding: 0.25em;
	text-align: center;
	font-weight: 600;
	font-size: 1.7rem;
}

/*МЕНЮ*/

@media (min-width: 62em) {
	header {
		font-size: 0;
	}
}

.menu {
	position: relative;
}
.menu-toggle {
	position: absolute;
	top: -1.0em;
	right: 0.1em;

	border: 0;
	background-color: transparent;

	font-size: 3em;
	width: 1em;
	height: 1em;
	line-height: 0.4em;
	text-indent: 5em;
	white-space: nowrap;
	overflow: hidden;
}

.menu-toggle::after {
	position: absolute;
	top: 0.2em;
	left: 0.2em;
	display: block;
	content: "\2261";
	text-indent: 0;
}

.menu-dropdown {
	display: none;
	position: absolute;
	right: 0;
	left: 0;
	margin: 0;
}

.menu.is-open .menu-dropdown {
	display: block;
}

.nav-menu {
	margin: 0;
	padding-left: 0;
	border: 1px solid #ccc;
	list-style: none;
	background-color: #45493D;
	color: #45493D;
}

.nav-menu > li + li {
	border-top: 1px solid #ccc;
}

.nav-menu > li > a {
	display: block;
	padding: 0.8em 1em;
	color: #fff;
	font-weight: 500;
	font-size: 1.20rem;
}

@media (min-width: 36em) {
	.menu-toggle {
		display: none;
	}
	.menu-dropdown {
		display: block;
		position: static;
	}
}

@media (min-width: 36em) {
	.nav-menu {
/*		display: flex;*/
/*		flex-direction: row;
		flex-wrap: wrap;*/
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: repeat(2, auto);
		border: 0em;
		padding: 0 1em;
	}
	.nav-menu .one {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}
	.nav-menu .two {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}
	.nav-menu .three {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
	.nav-menu .four {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}
	.nav-menu .five {
		grid-column: 3 / 4;
		grid-row: 1 / 2;
	}
	.nav-menu > li {
/*		flex: 33%;*/

	}
	.nav-menu > li + li {
		border: 0;
/*		flex: 33%;*/
	}
	.nav-menu > li > a {
		padding: 0.3em;
		text-align: center;
		font-size: 1.0rem;
	}
}

@media (min-width: 48em) {
	.nav-menu {
		display: flex;
		border: 0em;
		padding: 0 0.4em;
	}
	.nav-menu > li {
		flex: 1;
		flex-wrap: nowrap;
	}
	.nav-menu > li + li {
		border: 0;
		flex: 1;
	}
	.nav-menu > li > a {
		padding: 0.3em;
		text-align: center;
		font-size: 0.85rem;
	}
}

@media (min-width: 62em) {
	.nav-menu {
		display: flex;
		border: 0em;
		padding: 0 0.4em;
	}
	.nav-menu > li {
		flex: 1;
		flex-wrap: nowrap;
	}
	.nav-menu > li + li {
		border: 0;
		flex: 1;
	}
	.nav-menu > li > a {
		padding: 0.3em;
		text-align: center;
		font-size: 0.65rem;
	}
}

/* ССЫЛКИ */
a:link {
	color: #1476b8;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #1430b8;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #b81414;
}

/* HEADER */

picture > img {
	padding: 0;
	width: 100%;
	height: auto;
	border-radius: 0.25em;
}

.rectangle {
	font-size: 0;
}

.rectangle > img {
	border-radius: 0;
}

picture > figcaption {
	padding-right: 0.5em;
	font-size: 1.0rem;
	text-align: right;	
}

@media (min-width: 48em) {
	picture > figcaption {
		font-size: 0.875rem;
	}
}

@media (min-width: 62em) {
	picture > figcaption {
		font-size: 0.75rem;
	}
}

@media (min-width: 75em) {
	picture > figcaption {
		font-size: 0.6rem;
	}
}

/*ТЕЗИС ПЕРВЫЙ РАЗДЕЛ*/
.absaz {
	text-align: left;
	font-weight: 500;
	font-size: 1.25rem;
	padding: 0 0.5em;
}

@media (min-width: 62em) {
	.absaz {
		font-size: 0.875rem;
		position: relative;
	}
	.ekb-absaz {
		position: absolute;
		top: -10.5em;
		left: 42%;
		padding: 0 0.5em 0 0;
		font-weight: bold;
	}
}

@media (min-width: 75em) {
	.absaz {
		font-size: 0.875rem;
		position: relative;
	}
	.ekb-absaz {
		position: absolute;
		top: -11.0em;
		left: 42%;
		padding: 0 0.5em 0 0;
	}
}

@media (min-width: 100em) {
	.absaz {
		font-size: 0.775rem;
		position: relative;
	}
	.ekb-absaz {
		position: absolute;
		top: -11.5em;
		left: 42%;
		padding: 0 0.5em 0 0;
	}
}

/*ТЕЗИС ВТОРОЙ РАЗДЕЛ*/

.absaz {
	text-align: left;
	font-weight: 500;
	font-size: 1.25rem;
	padding: 0 0.5em;
}

@media (min-width: 62em) {
	.absaz {
		font-size: 0.875rem;
		position: relative;
	}
	.absaz-two {
		position: absolute;
		top: -11.5em;
		left: 42%;
		padding: 0 0.5em 0 0;
		font-weight: bold;
	}
}

@media (min-width: 75em) {
	.absaz {
		font-size: 0.875rem;
		position: relative;
	}
	.absaz-two {
		position: absolute;
		top: -11.5em;
		left: 42%;
		padding: 0 0.5em 0 0;
	}
}

@media (min-width: 100em) {
	.absaz {
		font-size: 0.775rem;
		position: relative;
	}
	.absaz-two {
		position: absolute;
		top: -11.5em;
		left: 42%;
		padding: 0 0.5em 0 0;
	}
}

/*ТЕЗИС ТРЕТИЙ РАЗДЕЛ*/

.absaz {
	text-align: left;
	font-weight: 500;
	font-size: 1.25rem;
	padding: 0 0.5em;
}

@media (min-width: 62em) {
	.absaz {
		font-size: 0.875rem;
		position: relative;
	}
	.absaz-three {
		position: absolute;
		top: -11.5em;
		left: 47%;
		padding: 0 0.5em 0 0;
		font-weight: bold;
	}
}

@media (min-width: 75em) {
	.absaz {
		font-size: 0.875rem;
		position: relative;
	}
	.absaz-three {
		position: absolute;
		top: -11.5em;
		left: 47%;
		padding: 0 0.5em 0 0;
	}
}

@media (min-width: 100em) {
	.absaz {
		font-size: 0.775rem;
		position: relative;
	}
	.absaz-three {
		position: absolute;
		top: -11.5em;
		left: 47%;
		padding: 0 0.5em 0 0;
	}
}

/*ТЕЗИС ЧЕТВЕРТЫЙ РАЗДЕЛ*/

.absaz {
	text-align: left;
	font-weight: 500;
	font-size: 1.25rem;
	padding: 0 0.5em;
}

@media (min-width: 62em) {
	.absaz {
		font-size: 0.875rem;
		position: relative;
	}
	.absaz-four {
		position: absolute;
		top: -11.5em;
		left: 47%;
		padding: 0 0.5em 0 0;
		font-weight: bold;
	}
}

@media (min-width: 75em) {
	.absaz {
		font-size: 0.875rem;
		position: relative;
	}
	.absaz-four {
		position: absolute;
		top: -11.5em;
		left: 47%;
		padding: 0 0.5em 0 0;
	}
}

@media (min-width: 100em) {
	.absaz {
		font-size: 0.775rem;
		position: relative;
	}
	.absaz-four {
		position: absolute;
		top: -11.5em;
		left: 47%;
		padding: 0 0.5em 0 0;
	}
}

/*ТЕЗИС ПЯТЫЙ РАЗДЕЛ*/

.absaz {
	text-align: left;
	font-weight: 500;
	font-size: 1.25rem;
	padding: 0 0.5em;
}

@media (min-width: 62em) {
	.absaz {
		font-size: 0.875rem;
		position: relative;
	}
	.absaz-five {
		position: absolute;
		top: -11.5em;
		left: 44%;
		padding: 0 0.5em 0 0;
		font-weight: bold;
	}
}

@media (min-width: 75em) {
	.absaz {
		font-size: 0.875rem;
		position: relative;
	}
	.absaz-five {
		position: absolute;
		top: -11.5em;
		left: 44%;
		padding: 0 0.5em 0 0;
	}
}

@media (min-width: 100em) {
	.absaz {
		font-size: 0.775rem;
		position: relative;
	}
	.absaz-five {
		position: absolute;
		top: -11.5em;
		left: 44%;
		padding: 0 0.5em 0 0;
	}
}

/*ПОДПИСЬ*/

.figcap {
	display: none;
}

@media (min-width: 48em) {
	.figcap {
		display: block;
		position: relative;
	}
	.ekb-figcap {
		position: absolute;
		top: -5.5em;
/*		left: 50%;*/
		left: 50%;
	}
}

@media (min-width: 62em) {
	.figcap {
		font-size: 0.75rem;
		display: block;
		position: relative;
	}
	.ekb-figcap {
		position: absolute;
		top: -5.75em;
		left: 42%;
	}
}

/*ПОДПИСЬ ТРЕТИЙ РАЗДЕЛ*/

@media (min-width: 48em) {
	.figcap {
		display: block;
		position: relative;
	}
	.figcap-three {
		position: absolute;
		top: -5.5em;
		left: 55%;
	}
}

@media (min-width: 62em) {
	.figcap {
		font-size: 0.75rem;
		display: block;
		position: relative;
	}
	.figcap-three {
		position: absolute;
		top: -5.75em;
		left: 47%;
	}
}

@media (min-width: 75em) {
	.figcap {
		font-size: 0.75rem;
		display: block;
		position: relative;
	}
	.figcap-three {
		position: absolute;
		top: -5.75em;
		left: 47%;
	}
}

@media (min-width: 100em) {
	.figcap {
		font-size: 0.75rem;
		display: block;
		position: relative;
	}
	.figcap-three {
		position: absolute;
		top: -5.75em;
		left: 47%;
	}
}

/*ПОДПИСЬ ЧЕТВЕРТЫЙ РАЗДЕЛ*/

@media (min-width: 48em) {
	.figcap {
		display: block;
		position: relative;
	}
	.figcap-four {
		position: absolute;
		top: -5.5em;
		left: 55%;
	}
}

@media (min-width: 62em) {
	.figcap {
		font-size: 0.75rem;
		display: block;
		position: relative;
	}
	.figcap-four {
		position: absolute;
		top: -5.75em;
		left: 47%;
	}
}

@media (min-width: 75em) {
	.figcap {
		font-size: 0.75rem;
		display: block;
		position: relative;
	}
	.figcap-four {
		position: absolute;
		top: -5.75em;
		left: 47%;
	}
}

@media (min-width: 100em) {
	.figcap {
		font-size: 0.75rem;
		display: block;
		position: relative;
	}
	.figcap-four {
		position: absolute;
		top: -5.75em;
		left: 47%;
	}
}

/*ПОДПИСЬ ПЯТЫЙ РАЗДЕЛ*/

@media (min-width: 48em) {
	.figcap {
		display: block;
		position: relative;
	}
	.figcap-five {
		position: absolute;
		top: -5.5em;
		left: 54%;
	}
}

@media (min-width: 62em) {
	.figcap {
		font-size: 0.75rem;
		display: block;
		position: relative;
	}
	.figcap-five {
		position: absolute;
		top: -5.75em;
		left: 44%;
	}
}

@media (min-width: 75em) {
	.figcap {
		font-size: 0.75rem;
		display: block;
		position: relative;
	}
	.figcap-five {
		position: absolute;
		top: -5.75em;
		left: 44%;
	}
}

@media (min-width: 100em) {
	.figcap {
		font-size: 0.75rem;
		display: block;
		position: relative;
	}
	.figcap-five {
		position: absolute;
		top: -5.75em;
		left: 44%;
	}
}

/*РАЗМЕР ШРИФТА*/

section {
	padding: 0.5em 0.5em;
	text-align: left;
	font-size: 1.2rem;
	font-weight: 300;
}

@media (min-width: 36em) {
	section > p {
		font-size: 1.10rem;
	}
}

@media (min-width: 48em) {
	section > p {
		font-size: 1.125rem;
	}
}

@media (min-width: 62em) {
	section > p {
		font-size: 0.875rem;
	}
}

@media (min-width: 75em) {
	section > p {
		font-size: 0.775rem;
	}
}

@media (min-width:100em) {
	section > p {
		font-size: 0.70rem;
	}
}


/*СЕКЦИЯ 1*/

@media (min-width: 36em) {
	.one-flex {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(3, auto);
		grid-gap: 0 0.75em;
		margin-block-start: 0;
	}
	section .one-one {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
	section .one-two {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}
	section .one-three {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}
	section .one-four {
		grid-column: 1 / 2;
		grid-row: 3 / 4;
	}
	section .one-five {
		grid-column: 2 / 3;
		grid-row: 2 / 4;
	}	
}

@media (min-width: 62em) {
	.one-flex {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: repeat(2, auto);
	}
	section .one-one {
		grid-column: 1 / 2;
	}
	section .one-three {
		grid-column: 2 / 3;
	}
	section .one-four {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}
	section .one-five {
		grid-column: 3 / 4;
		grid-row: 1 / 3;
	}	
}

/*СЕКЦИЯ 2*/

@media (min-width: 36em) {
	.two-flex {
		display: grid;
		grid-template-columns: 3fr 2fr;
		grid-template-rows: repeat(2, auto);
		grid-gap: 0 0.75em;
	}
	section .two-one {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
		margin-block-end: 0;
	}
	section .two-two {
		grid-column: 1 / 3;
		grid-row: 2 / 3;
	}

	section .two-three {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}
}

@media (min-width: 48em) {
	.two-flex {
		grid-template-columns: 5fr 4fr;
	}
}

@media (min-width: 62em) {
	section .two-two {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}

	section .two-three {
		grid-column: 1 / 2;
		grid-row: 1 / 3;
	}
}

/*СЕКЦИЯ 3*/

@media (min-width: 36em) {
	.three-flex {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(2, auto);
		grid-gap: 0 0.75em;
	}
	section .three-one {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		margin-block-end: 0;
	}
	section .three-two {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}
	section .three-three {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}
	section .three-four {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
}

@media (min-width: 48em) {
	.three-flex {
		grid-template-columns: 4fr 5fr;
	}
}

@media (min-width: 62em) {
	.three-flex {
		grid-template-columns: 2fr 3fr;
		grid-template-rows: repeat(3, auto);
	}
	section .three-two {
		margin-block-end: 0;
	}
	section .three-three {
		grid-column: 1 / 2;
		grid-row: 3 / 4;
	}
	section .three-four {
		grid-row: 1 / 4;
	}
}

/*СЕКЦИЯ 4*/

@media (min-width: 36em) {
	.four-flex {
		display: grid;
		grid-template-columns: 5fr 4fr;
		grid-template-rows: repeat(3, auto);
		grid-gap: 0 0.75em;
	}
	section .four-one {
		grid-column: 1 / 3;
		grid-row: 1 / 2;
		margin-block-end: 0;
	}
	section .four-two {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
		margin-block-end: 0;
	}
	section .four-three {
		grid-column: 1 / 3;
		grid-row: 3 / 4;
	}
	section .four-four {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}
}

@media (min-width: 48em) {
	.four-flex {
		grid-template-columns: 3fr 2fr;
	}
}

@media (min-width: 62em) {
	.four-flex {
		grid-template-columns: 5fr 4fr;
	}
	section .four-one {
		grid-column: 2 / 3;
	}

	section .four-three {
		grid-column: 2 / 3;
	}
	section .four-four {
		grid-row: 1 / 4;
	}
}

/*СЕКЦИЯ 5*/

@media (min-width: 36em) {
	.five-flex {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(7, auto);
		grid-gap: 0 0.75em;
	}
	section .five-one {
		grid-column: 1 / 3;
		grid-row: 1 / 2;
	}
	section .five-two {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
		margin-block-start: 0;
	}
	section .five-three {
		grid-column: 2 / 3;
		grid-row: 3 / 4;
		margin-block-start: 0;
	}
	section .five-four {
		grid-column: 1 / 2;
		grid-row: 2 / 5;
	}
	section .five-five {
		grid-column: 2 / 3;
		grid-row: 4 / 5;
		margin-block-start: 0;
	}
	section .five-six {
		grid-column: 1 / 3;
		grid-row: 5 / 6;
	}
	section .five-seven {
		grid-column: 1 / 3;
		grid-row: 6 / 7;
		margin-block-start: 0;
	}
}

@media (min-width: 48em) {
	.five-flex {
		display: grid;
	}
	section .five-four {
		grid-column: 1 / 2;
		grid-row: 2 / 6;
	}
	section .five-six {
		grid-column: 2 / 3;
		grid-row: 5 / 6;
	}
	section .five-seven {
		margin-block-start: 1em;
	}
}

@media (min-width: 62em) {
	.five-flex {
		grid-template-columns: 1fr 1fr 1fr;
	}
	section .five-one {
		grid-column: 2 / 3;
	}
	section .five-four {
		grid-row: 1 / 4;
	}
	section .five-five {
		grid-column: 3 / 4;
		grid-row: 1 / 2;
		margin-block-start: 1em;
	}
	section .five-six {
		grid-column: 3 / 4;
		grid-row: 2 / 3;
		margin-block-start: 0;
	}
	section .five-seven {
		grid-column: 3 / 4;
		grid-row: 3 / 4;
		margin-block-start: 0;
	}
}

/*СЕКЦИЯ 6*/

.six-flex {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(7, auto);
}
.six-one {
	grid-row: 1 / 2;
}
.six-flex > picture {
	margin-block-start: 0.5em;
}


@media (min-width: 36em) {
	.six-flex {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(6, auto);
		grid-column-gap: 0.5em;
	}
	.six-flex > article {
		grid-column: 1 /2;
		grid-row: 1 / 3;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3, auto);
		font-size: 1.10rem;
	}

	.six-two {
		grid-column: 1 /2;
		grid-row: 1 / 2;
		margin-block-end: 0;
		height: auto;
	}
	.six-four {
		grid-column: 1 /2;
		grid-row: 2 / 3;
		margin-block-end: 0;
		height: auto;
	}
	.six-six {
		grid-column: 1 /2;
		grid-row: 3 / 4;
		margin-block-end: 0;
	}
	.six-one {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
	.six-three {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}
	.six-five {
		grid-column: 1 / 2;
		grid-row: 3 / 4;
	}
	.six-seven {
		grid-column: 2 / 3;
		grid-row: 3 / 4;
	}


	section > picture {
		margin-block-start: 0.5em;
	}
}

@media (min-width: 48em) {

	.six-flex > article {
		font-size: 1.125rem;
	}

	section > picture {
		margin-block-start: 0.5em;
	}
}


@media (min-width: 62em) {

	.six-flex {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: repeat(6, auto);
		grid-column-gap: 0.5em;		
	}
	.six-flex > article {
		grid-column: 1 /2;
		grid-row: 1 / 3;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3, auto);
		font-size: 0.875rem;
	}
	.six-two {
		grid-column: 1 /2;
		grid-row: 1 / 2;
		margin-block-end: 0;
		height: auto;
	}
	.six-four {
		grid-column: 1 /2;
		grid-row: 2 / 3;
		margin-block-end: 0;
		height: auto;
	}
	.six-six {
		grid-column: 1 /2;
		grid-row: 3 / 4;
		margin-block-end: 0;
	}
	.six-one {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
	.six-three {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}
	.six-five {
		grid-column: 3 / 4;
		grid-row: 1 / 2;
	}
	.six-seven {
		grid-column: 3 / 4;
		grid-row: 2 / 3;
	}

	section > picture {
		margin-block-start: 0.5em;
	}
}

@media (min-width: 75em) {

	.six-flex > article {
		font-size: 0.775rem;
	}

	section > picture {
		margin-block-start: 0.5em;
	}
}

@media (min-width: 100em) {

	.six-flex > article {
		font-size: 0.7rem;
	}

	section > picture {
		margin-block-start: 0.5em;
	}
}

/*СЕКЦИЯ 7*/

@media (min-width: 36em) {
	.seven-flex {
		display: grid;
		grid-template-columns: 4fr 7fr;
		grid-template-rows: repeat(2, auto);
		grid-column-gap: 0.5em;
	}
	.seven-flex > article {
		grid-column: 1 /2;
		grid-row: 1 / 3;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3, auto);
		font-size: 1.10rem;
	}
	.seven-one {
		grid-column: 1 /2;
		grid-row: 1 / 2;
		margin-block-end: 0;
	}

	.seven-two {
		grid-column: 1 /2;
		grid-row: 2 / 3;
	}

	.seven-three {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
	.seven-four {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}
}

@media (min-width: 48em) {
	.seven-flex {
		display: grid;
		grid-template-columns: 4fr 7fr;
		grid-template-rows: repeat(2, auto);
		grid-column-gap: 0.5em;
	}
	.seven-flex > article {
		grid-column: 1 /2;
		grid-row: 1 / 3;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(2, auto);
		font-size: 1.125rem;
	}
	.seven-one {
		grid-column: 1 /2;
		grid-row: 1 / 2;
		margin-block-end: 0;
	}

	.seven-two {
		grid-column: 1 /2;
		grid-row: 2 / 3;
	}

	.seven-three {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
	.seven-four {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}
}

@media (min-width: 62em) {
	.seven-flex {
		display: grid;
		grid-template-columns: 5fr 4fr 5fr;
		grid-template-rows: repeat(2, auto);
		grid-column-gap: 0.5em;
	}
	.seven-flex > article {
		grid-column: 1 /2;
		grid-row: 1 / 3;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(2, auto);
		font-size: 0.875rem;
	}
	.seven-one {
		grid-column: 1 /2;
		grid-row: 1 / 2;
		margin-block-end: 0;
	}

	.seven-two {
		grid-column: 1 /2;
		grid-row: 2 / 3;
	}

	.seven-three {
		grid-column: 3 / 4;
		grid-row: 1 / 2;
	}
	.seven-four {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
}

@media (min-width: 75em) {
	.seven-flex > article {		
		font-size: 0.775rem;
	}
}

@media (min-width: 100em) {
	.seven-flex > article {		
		font-size: 0.7rem;
	}
}

/*СЕКЦИЯ 8*/


@media (min-width: 36em) {
	.eight-flex {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(3, auto);
		grid-column-gap: 0.5em;
	}
	.eight-one {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}
	.eight-two {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
		margin-block-end: 0;
	}
	.eight-three {
		grid-column: 2  / 3;
		grid-row: 2 / 3;
	}
	.eight-four {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
		margin-block-end: 0;
	}
	.eight-five {
		grid-column: 1 / 3;
		grid-row: 3 / 4;
	}
}

@media (min-width: 62em) {
	.eight-flex {
		grid-template-columns: 3fr 2fr 2fr;
		grid-template-rows: repeat(3, auto);
	}
	.eight-one {
		grid-column: 1 / 2;
		grid-row: 1 / 3;
	}
	.eight-two {
		grid-column: 2 / 3;
		grid-row: 1 / 3;
	}
	.eight-three {
		grid-column: 3 / 4;
		grid-row: 2 / 4;
	}
	.eight-four {
		grid-column: 3 / 4;
		grid-row: 1 / 2;
	}
	.eight-five {
		grid-column: 1 / 3;
		grid-row: 3 / 4;
	}
}

@media (min-width: 75em) {
	.eight-flex {
		grid-template-columns: 5fr 4fr 4fr;
	}
}


@media (min-width: 100em) {
	.eight-flex {
		grid-template-columns: 3fr 2fr 2fr;
	}
}

.source {
	text-align: center;
	text-transform: uppercase;	
}

.end {
	text-align: center;
}

.end > a:link {
	color: lightblue;
	font-weight: bold;
	text-decoration: none;
}

.end > a:visited {
	color: lightblue;
}

.end > a:hover {
	text-decoration: underline;
}

.end > a:active {
	color: lightcyan;
}

/*ПАРАГРАФ*/

.paragraph {
	display: grid;
	grid-template-columns: 1fr 20fr;
	grid-template-rows: repeat(1, auto);
	padding: 0 0.5em;
	grid-column-gap: 0.5em;
	font-size: 1.2rem;
	font-weight: 300;
}

.number {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	font-weight: bold;	
}

.paragraph > p {	
	margin-block-end: 0;
}

.paragraph > p > span {
	grid-column: 2 / 3;
	font-weight: bold;
}

@media (min-width: 36em) {
	.paragraph {
		font-size: 1.10rem;
	}
}

/*СПИСОК*/

.city {
	padding: 1em 0.5em;
	font-size: 1.2rem;
	font-weight: 300;	
}


.list > p > span {
	font-weight: bold;
}

/* БИБЛИОГРАФИЧЕСКИЙ СПИСОК */

.city .numb {
	display: inline-block;
	font-weight: bold;
	float: left;

}

.city .abs {
	margin-left: 1.75em;
}

.city > p {
	margin-block-start: 0;
}

.city > p > span {
	font-weight: bold;	
}

@media (min-width: 36em) {
	.city {
		column-width: 49%;
		column-count: 2;
		column-gap: 2%;
		font-size: 1.10rem;
	}
}

@media (min-width: 48em) {
	.city {
		column-width: 49%;
		column-count: 2;
		column-gap: 2%;
		font-size: 1.125rem;
	}
}

@media (min-width: 62em) {
	.city {
		column-width: 49%;
		column-count: 2;
		column-gap: 2%;
		font-size: 0.875em;
	}
}

@media (min-width: 75em) {
	.city {
		column-width: 49%;
		column-count: 2;
		column-gap: 2%;
		font-size: 0.775em;
	}
}

@media (min-width: 100em) {
	.city {
		column-width: 49%;
		column-count: 2;
		column-gap: 2%;
		font-size: 0.70em;
	}
}

/* ПОДВАЛ*/

.foot {
	background-color: #45493D;
	text-align: center;
	padding: 1.5em 0;
	color: #fff;
	margin-top: 1em;
	margin-bottom: 0;
	}
.foot > a:link {
	color: lightblue;
	font-weight: normal;
	text-decoration: none;
}

.foot > a:visited {
	color: lightblue;
}

.foot > a:hover {
	text-decoration: underline;
}

.foot > a:active {
	color: lightblue;
}

footer > p {
	font-size: 1.2rem;
}

@media (min-width: 62em) {
	footer > p {
		font-size: 0.875rem;
	}
}

@media (min-width: 75em) {
	footer > p {
		font-size: 0.775rem;
	}
}

@media (min-width: 100em) {
	footer > p {
		font-size: 0.70rem;
	}
}