body {
	font-family: Helvetica,Arial Ce, Arial, sans-serif;
	max-width: 60em;
	margin: 0.1em auto 1em;
	padding: 0 1em;
	color: #101020;
}

a, a:visited {
	text-decoration: none;
	color: #ff0000;
}

a:hover {
	color: #a00000;
}

h1 {
	font-size: 4em;
	margin: 0 0 -0.3em -0.07em;
}
h2 {
	font-size: 1.5em;
	margin: 1.1em 0 0.4em 0;
}

h1>a {
	text-decoration: none;
}

h2>a, h2>a:visited {
	color: #101020;
}
h2>a:hover {
    color: #a00000;
}

.info {
    position: relative;
	background-color: #f7f6ae;
	padding: 1em 0.5em;
    margin-top: 1.1em;
}
.info>h2 {
	margin-top: 0;
}
.close {
    position: absolute;
    top: 0;
    right: 0;
	cursor: pointer;
    margin: 0.5em;
}

.img_line {
    position: relative;
	width: 100%;
	overflow: hidden;
	height: 100px;
}
.img_line_in {
    width: 120em;
    overflow: hidden;
    height: 100px;
}
.img_line_end {
	position: absolute;
	top:0;
	right:0;
	height: 100px;
	width: 2.5em;
	background-image: linear-gradient(to left, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));
	padding-right: 0.2em;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 100px;
	text-align: right;
	text-shadow: #ffffff 0 0 6px;
}

.img {
	width: fit-content;
	float: left;
	position: relative;
}
.img>img {
	float: left;
}
.img_sizes {
	float: left;
	font-size: small;
	padding-left: 2em;
    margin: 0 2em 0 0;
	list-style: url('./img/bul-default.svg');
}
.img_sizes > li {
	padding: 0 0 0.35em 0;
}
.img_sizes > li:last-child {
	padding: 0;
}

.img_all {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 0.9em;
}
.img_all::after {
  content: "";
  flex: auto;
}
.img_all>.img {
	margin-bottom: 1em;
}

footer {
	clear: both;
	text-align: left;
	margin: 1em 0;
	color: #a0a0a0;
}

@media only screen and (max-width: 27em) {
h1 {
 font-size: 3em;
}
}