/* CSS */
.main_body {
	max-width:1000px;
	display:block;
	position:relative;
}

h2, h3 {
    margin: 0px 0px 10px 0px;
		padding-top: 55px;
}

.elements_titles {
	position:relative;
	line-height:100%;
	max-width: 950px;
	margin-bottom: 35px;
}

.elements_titles+h2p a {
			font-weight: bold
			
}

.elements_titles img {
	width:100%;
}
.elements_titles div {
position: absolute;
    background-color: #F5F1EB;
    font-size: min(2vw,16px);
    color: black;
    line-height: 0.5rem;
    padding: 0.9% 1.7%;
}
.elements_titles div:hover {
	background-color:#BFD3EA;
	cursor:pointer;
}
#obrez {
	left: 53%;
    bottom: 14%;
}
#kryshka {
	left: 5%;
    bottom: 60.6%;
}
#lyasse {
	right: 9%;
    bottom: 62.4%;
}
#forzac {
	right: 6.5%;
    bottom: 85.9%;
}
#bint {
	left: 2.2%;
    bottom: 15%;
}
#kaptal {
	right: 42%;
    bottom: 1.7%;
}
#koreshok {
	left: 10%;
    bottom: 3.4%;
}
#block {
	left: 54%;
    bottom: 39.4%;
}
#dublura {
	left: 4%;
    bottom: 76.5%;
}
#exlibris {
	left: 45%;
    bottom: 53.2%;
}
#slizura {
	left: 45%;
    bottom: 95.3%;
}

.element_img {
	vertical-align:top;
	text-align:center;
	color:black;
	font-size:80%;
	line-height:140%;
	display:inline-block;
	margin:10px 30px 0px 30px;
	min-height: 80px;
	width:120px;
}
.book_structure_images {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
}
.book_structure_images a {
		text-align: center;
		line-height: 1.2;
		border:none;
			margin: 5px 10px;
			color: #695627;
}

.book_structure_images a:hover {
			color: #000;
}

.book_structure_images a p {
			font-size: 70%;
			max-width: 150px;
			margin: 0 auto;
}


.main_body > div > h2 + p {
			font-style: italic;
}

@media (max-width: 500px) {
h1 {
    font-size: 140%;
	}
	h2, h3 {
    margin: 25px 0px 10px 0px;
		padding-top: 5px;
}
.book_structure_images a img {
			max-width: 42.5vw;
}
    
}