h1 {text-align: center;}
h1, h2, h3 {
	color: #333;
}
h4 {
    color: #555;
    margin-top: 20px;
}
code {
	background-color: #f1f1f1;
	padding: 4px 6px;
	color: #555;
	border-radius: 4px;
	font-family: 'Courier New', Courier, monospace;
}
pre code {
	display: block;
	padding: 10px;
	background-color: #f5f5f5;
	border-left: 4px solid #007acc;
	white-space: pre-wrap;
}
a {
	color: #007BFF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.toc {
    padding: 15px 25px;
    border-radius: 5px;
    margin-bottom: 20px;
    background: linear-gradient(to right, #f3f3f3, #fff);
	max-width: 700px;
}
.toc_block
{
  display: grid;
  grid-template-columns: auto auto;
}
.toc a {
  display: block;
  padding: 5px 0;
  color: #0961c0;
  text-decoration: none !important;
}
.toc a:hover {
  text-decoration: underline;
}
.img-pos
{
float: right;
padding: 1em;
display: inline-grid;
}
.cookie_line {
    max-width: 1600px;
    text-align: left;
    padding: 2em 1em;
	line-height: 2;
}


@media (max-width: 1200px)
{
	.toc_block{align-items: center;}
}
@media (max-width: 995px)
{
	 .img-pos
	 {
	  display: grid;
	  width: 100%;
	  justify-items: center;
	 } 
	 .toc_block
	{
	  grid-template-columns: auto;
	  align-items: center;
	  justify-items: center;
	}
}
@media (max-width: 640px)
{
.toc{width: 100%;}
}