/* CSS Document */
@font-face {
    font-family: 'Roboto';
    src: url("./fonts/Roboto-Medium.ttf") format('truetype');
    font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("./fonts/Roboto-Light.ttf") format('truetype');
    font-weight: 300;
  font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("./fonts/Roboto-Thin.ttf") format('truetype');
    font-weight: 200;
  font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url("./fonts/Oswald-Regular.ttf") format('truetype');
    font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url("./fonts/Oswald-Light.ttf") format('truetype');
    font-weight: 300;
  font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url("./fonts/Oswald-Bold.ttf") format('truetype');
    font-weight: 500;
  font-style: normal;
}

body {
	margin: 0;
	text-align: center;
	overflow: auto;
	background: #fff;
	/*background: rgb(245, 245, 245);*/
  font-family: 'Roboto',Ubuntu,Arial;
	font-size: 18px;
	/*color: rgb(92, 92, 92);*/
	font-weight: normal;
  background: #000;
}
body *{
	font-weight: 300;
}

/*#00FFFF; */

.a_theme {
  background: #fafafa;
  /*background: #eee;
  background: #fdfdf5;*/
  color: #333;
}

.b_theme {
  background: #fff;
  color: #191919;
  border-bottom: solid #ccc 1px;
}

.c_theme {
  background: #212121;
  color: #fff;
}

.d_theme {
  background: #111;
  color: #fff;
}

.states_table {
  text-align: left !important;
}

.light {
  background: rgb(245, 245, 245);
  color: #444;
}

.lighter {
  background: #fff;
  color: #000;
  border-bottom: solid #eee 1px;
}

.lighter2 {
  background: #fff;
  color: #000;
}

.lighter2 nav ul li, .lighter2 a {
  color: #000;
}

.light table, .lighter table {
  border-collapse: collapse;
  min-width: 100%;
  overflow-x:auto;
  background-color: #fff;
}

.light tr, .lighter tr {
  border: solid 1px #000;
}

.light tr:nth-child(even), .lighter tr:nth-child(even) {
  background-color: #ddd;
  color: #000;
}

.light tr:hover, .lighter tr:hover {background: #fff; color: #000;}

.light th, .lighter th {
  border: solid 1px #000;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
  background: #000;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.light td, .lighter td {
  border: solid 1px #000;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: right;
}

.light td:hover, .lighter td:hover {
  border: solid 1px #000;
}

.light .text a, .lighter .text a {
  text-decoration: underline;
  color: #000;
}

.light .text a:hover, .lighter .text a:hover {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

.dark {
  background: rgb(30,34,39);
  color: #fff;
}

.dark table, .darker table {
  border-collapse: collapse;
  min-width: 100%;
  overflow-x:auto;
  background-color: #000;
}

.dark tr, .darker tr {
  border: solid 1px #fff;
}

.dark tr:nth-child(even), .darker tr:nth-child(even) {
  background-color: #444;
  color: #fff;
}

.dark tr:hover, .darker tr:hover {background: #fff; color: #000;}

.dark th, .darker th {
  border: solid 1px #fff;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
  background: #000;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.dark td, .darker td {
  border: solid 1px #fff;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: right;
}

.dark td:hover, .darker td:hover {
  border: solid 1px #fff;
}

.darker {
  background: #000;
  color: #fff;
  border-bottom: solid #333 1px;
}

.darker2{
  background: #000;
  color: #fff;
}

.darker2 nav ul li, .darker2 a {
  color: #fff;
}

.dark .text a, .darker .text a {
  text-decoration: none;
  color: #fff;
}

.dark .text a:hover, .darker .text a:hover {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}

#headerContainer {
  max-width: 1024px;
  /* justify-content: center;
  align-content: center; */
  margin-right: auto;
  margin-left: auto;

}

header
{
  /* box-shadow: 0px 0px 8px 0px #aaa; */
  position: fixed;
  top: 0;
  /*background: #fff;*/
	margin: 0;
  padding: 0px;
  width: 100%;
  height: 57px;
  /*color: #424242;*/
  z-index: 2000;
}

header a
{
  color: #fff;
}

.shadow {
  position: sticky;
  top: 57px;
  width: 100%;
  box-shadow:0px 0px 8px 2px #aaa;
  z-index: 500;
}

.cover {
  position: absolute;
  background: white;
  width: 100%;
  height: 10px;
  z-index: 1000;
}

body > header{position:fixed;}

nav {
  text-align: right;
  width: calc(100%-98px);
  min-height: 51px;
  font-size: 16px;
  top: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: 'Oswald';
  z-index: 1000;
}

nav ul li {
	font-size: 18px;
	list-style-type: none;
	padding-left: 8px;
  padding-right: 8px;
	margin-left: 8px;
  margin-right: 8px;
  display: inline;
  font-weight: 400;
  color: #000;
  color: #424242;
  color: #fff;
}

nav ul {
  /*margin-right: 57px;*/
  line-height: 57px;
  margin-top: 0px;
  margin-bottom: 0px;
}

nav a {
  color: #fff;
  color: #000;
  color: #424242;
  color: #fff;
}

nav ul li:hover {
  cursor: pointer;
  padding-top: 8px;
  padding-bottom: 3px;
  transition-duration: .3s;
  border-bottom: 3px solid #fff;
  margin-bottom: 10px;
}

h1 {
  font-weight: 500;
  font-family: 'Oswald';
  font-size: 2em;
	padding: 0px;
	margin-top: 8px;
  margin-bottom: 8px;
  display: inline;
}

#headline h2 {
  font-weight: 500;
  font-family: 'Oswald';
  font-size: 1.5em;
	padding: 0px;
  margin-top: 8px;
  margin-bottom: 8px;
  display: inline;
}

#headline img {
  max-height: 150px;
}

#logo {
  float: left;
  margin-left: 16px;
  font-weight: 400;
  font-family: 'Oswald';
  font-size: 32px;
  line-height: 57px;
  display: inline;
  z-index: 1000;
  }

#razitko {
  position: absolute;
  max-width: 200px;
  right: 32px;
  top: 25px;
}

#razitko img {
  max-width: 200px;
}

.logo:hover {
  transition: none;
  color: unset;
}

#menu2 {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  cursor: pointer;
  font-weight: 400;
  font-family: 'Oswald';
  height: 57px;
  width: 42px;
  font-size: 32px;
  line-height: 57px;
  color: #fff;
  z-index: 1000;
}

#menu2 img {
  margin: 0;
  display: inline;
}

#night {
  display: block;
  display: none;
  position: absolute;
  right: 0px;
  top: 0px;
  min-width: 57px;
  cursor: pointer;
  font-weight: 400;
  font-family: 'Oswald';
  height: 57px;
  width: 42px;
  font-size: 32px;
  line-height: 57px;
  color: #fff;
  z-index: 1000;
}

#night img {
  margin: 0;
  display: inline;
}

#day {
  display: none;
  position: absolute;
  min-width: 57px;
  right: 0px;
  top: 0px;
  cursor: pointer;
  font-weight: 400;
  font-family: 'Oswald';
  height: 57px;
  width: 42px;
  font-size: 32px;
  line-height: 57px;
  color: #fff;
  z-index: 1000;
}

#day img {
  margin: 0;
  display: inline;
}

#resp_menu {
  display: none;
  position: absolute;
  left: 0;
  top: 57px;
  background: #282828;
  width: 66%;
  padding: 16px;
  font-family: 'oswald';
  text-align: left;
  line-height: 2;
  font-size: 24px;
}

#resp_menu a {
  color: #fff;
  font-weight: 400;
}

#resp_menu ul {
  margin: 0;
}

h2 {
	font-size: 2em;
  text-align: center;
  font-weight: 400;
}

header img {
  margin-top: 64px;
  max-width: 150px;
}

header p {
	font-weight: 300;
}

h3{
  margin-top: 24px;
	font-size: 1.5em;
  font-weight: 500;
  font-family: 'Oswald';
}

.subcategory {
  font-size: 2em;
}

.page_link {
  padding-top: 25px;
}

.link_left {
  text-align: left;
}

h4{
  margin-top: 20px;
  margin-bottom: 24px;
	font-size: 1.2em;
  font-weight: 400;
}

h5{
  margin-top: 16px;
  margin-bottom: 16px;
	font-size: 1.1em;
  font-weight: 400;
}

#menu {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 800px;
	height: 450px;
	background-color: white;
	/*box-shadow: 0px 0px 20px #000;
	border-radius: 10px 10px 10px 10px;*/
}

section {
  position: relative;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
  padding: 24px;
  line-height: 1.5;
}

section ul li {
	font-size: 1em;
  list-style-type: disc;
	padding: 8px;
	/*margin: 8px;*/
  text-align: left;
}

section ol li {
	font-size: 1em;
	padding: 8px;
	margin: 8px;
  text-align: left;
}

section ul {
  padding-left: 40px;
  margin-bottom: 0px;
}

.section_end {
  margin-bottom: 0px;
}

b {
  font-weight: 400;
}

#sponzoring {
  /*display: none;*/
  color: #fff;
  background: rgb(30,34,39);
  padding: 10px;
	padding-top: 36px;
  /*min-height: 374px;*/
}

#sponzoring h2 {
  font-weight: 500;
  font-size: 1.5em;
  padding: 0px;
  margin-top: 8px;
  margin-bottom: 8px;
  /*display: none;
  display: none;*/
  display: inline;
}

#headline p {
  margin-top: 56px;
}

#sponzor {
  margin-top: 20px;
  font-size: 24px;
  margin-bottom: 20px;
}

#sponzor a {
  color: #fff;
}

.sponzor_logo {
  max-width: 90%;
}

/*#next_article, #headline {
}*/

#headline {
  margin-top: 57px;
  min-height: 225px;
}

#next_article {
  padding-bottom: 48px;
}

/*#next_article h3 {
}*/

.editnote {
  margin-bottom: 0px;
}

.left_block:hover, .right_block:hover {
  background: #202124;
  color: #fff;
}

/*.left_block:visited, .right_block:visited {
  background: #fff;
  color: #000;
}*/

.text {
	position: relative;
	margin-left: auto;
	margin-right: auto;
  max-width: 1280px;
  text-align: justify;
  padding: 16px;
  font-size: 1.1em;
}

.text a {
  text-decoration: underline;
  color: #000;
}

.text a:hover {
  transition-duration: .3s;
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

.justify_text {
  text-align: justify;
  min-height: 265px;
  margin: 32px;
}

.stred {
  position: relative;
  display: block;
	margin-left: auto;
	margin-right: auto;
  max-width: 900px;
  text-align: left;
}

.block {
  position: relative;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding: 10px;
}

.centric {
  min-width: 120px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.tlacitko_back {
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  background: #fff;
  color: #202124;
  font-weight: 400;
  max-width: 180px;
  min-width: 180px;
  text-align: center;
  border-radius: 24px 0px 0px 24px;
}

.tlacitko_back:hover {
  background: #202124;
  color: #fff;
}

.tlacitko_up {
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  background: #fff;
  color: #202124;
  font-weight: 400;
  max-width: 180px;
  min-width: 180px;
  text-align: center;
  border-radius: 0px 24px 24px 0px;
}

.tlacitko_up:hover {
  background: #202124;
  color: #fff;
}

/*.tlacitko:visited {
  padding: 10px;
  background: #fff;
  color: #000;
  max-width: 60px;
  text-align: center;
}*/

.face {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 200px;
  max-height: 200px;
  border-radius: 120px;
}

.main_page_pictures {
  float: right;
  max-width: 200px;
  max-height: 200px;
  /*border-radius: 120px;*/
}

.center {
  min-height: 200px;
}

.img_main_page {
  margin-left: auto;
  margin-left: auto;
  max-width: 100%
}

.qr_code {
  margin-left: auto;
  margin-left: auto;
  max-width: 75%;
  max-height: 75%;
}

.main_text {
  text-align: center;
  font-size: 28px;
  font-weight: 400;
}

.action_text {
  text-align: center;
  font-size: 28px;
  color: #B00020;
  font-weight: 400;
}

.red_text {
  color: #b00020;
  font-weight: 400;
}

.first_letter {
  color: #000;
  float: left;
  font-size: 60px;
  line-height: 46px;
  padding-top: 4px;
  padding-right: 3px;
  font-weight: 400;
}

ul{
	padding: 0;
}
article>ul{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
ul li {
	font-size: 1em;
	list-style-type: none;
	padding: 0;
	margin: 2px;
}
time{
	font-weight: bold;
}
p{
  line-height: 1.5;
}

table {
  border-collapse: collapse;
  min-width: 100%;
  overflow-x: auto;
  background-color: #fff;
}

tr {
  border: solid 1px #000;
}

tr:nth-child(even) {
  background-color: #ddd;
  color: #000;
}

/*tr:hover {background: #fff; color: #000;}*/

th {
  border: solid 1px #000;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
  background: #000;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

td {
  border: solid 1px #000;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}

/*td:hover {
  border: solid 1px #000;
}*/

.vzorec {
  padding: 10px 10px 10px 15px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-left: 4px solid #fff;
  color: #fff;
  background: #000;
}

.vzorec_long {
  font-size: 0.9em;
  padding: 10px 10px 10px 15px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-left: 4px solid #fff;
  color: #fff;
  background: #000;
}

.vzorec_very_long {
  font-size: 0.6em;
  padding: 10px 10px 10px 15px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-left: 4px solid #fff;
  color: #fff;
  background: #000;
}

img {
	opacity: 1.0;
}
a {
	color: rgb(92, 92, 92);
  text-decoration: none;
}
a:hover {
	color:#fff;
  cursor: pointer;
  transition-duration: .3s;
}
/*#popisek{
 position:fixed;
 opacity:0;
 background-color:#888888;
 font-size:1em;
 height:14px;
 top:20px;
 left:20px;
 transition-duration: .1s;
border-radius: 3px;
}*/

.main_link {
  font-size: 32px;
  font-weight: 500;
  color: #000;
  text-decoration: underline;
  text-align: left;
  /*text-shadow: -1px 0 rgb(30,34,39), 0 1px rgb(30,34,39), 1px 0 rgb(30,34,39), 0 -1px rgb(30,34,39);*/
  /*background: rgb(30,34,39);*/
}
/*
.main_link a {
  font-size: 32px;
  font-weight: 500;
  color: #000;
  text-decoration: underline;
  /*text-shadow: -1px 0 rgb(30,34,39), 0 1px rgb(30,34,39), 1px 0 rgb(30,34,39), 0 -1px rgb(30,34,39);*/
  /*background: rgb(30,34,39);
}*/

/*.main_link:hover {
  background-color: rgb(80, 119, 113);
}*/

.plus_minus {
  margin-left: 20px;
}

.block_pub {
  margin-top: 16px;
  margin-bottom: 16px;
  width: 100%;
  height: 200px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 15px;
}

.block_pub:hover {
  border: 1px solid #fff;
  box-shadow:0px 0px 8px 0px #aaa;
}

.left {
  float: left;
  width: 75%;
  height: 100%;
  line-height: 200px;
  font-size: larger;
}
.right {
  float:right;
  display: flex;
  width: 25%;
  height: 100%;
  text-align: center;
  line-height: 200px;
}

.left_logo {
  float:left;
  display: flex;
  /*width: 25%;*/
  height: 100%;
  text-align: center;
  line-height: 200px;
  padding-right: 16px;
}


.center_350 {
  min-height: 420px;
}

.left_50 {
  float: left;
  width: 49%;
  height: 100%;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 15px;
}

.left_50 img {
  border-radius: 15px 15px 0px 0px;
}

.left_50 p {
  text-align: center;
  font-size: 24px;
  font-weight: 400;
}

.right_50 {
  float:right;
  width: 49%;
  height: 100%;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 15px;
}

.right_50 img {
  border-radius: 15px 15px 0px 0px;
}

.right_50 p {
  text-align: center;
  font-size: 24px;
  font-weight: 400;
}

.left_50:hover {
  float: left;
  background: #fff;
  box-shadow:0px 0px 8px 0px #aaa;
  border-radius: 15px;
}
.right_50:hover {
  float:right;
  background: #fff;
  box-shadow:0px 0px 8px 0px #aaa;
  border-radius: 15px;
  }

.right img {
  margin: auto;
}

.inside_pub {
  width: 100%;
  height: 100%;
  margin-left: 32px;
  font-weight: 400;
}

footer
{
  position: absolute;
  bottom: 0;
	margin-top: 15px;
  background: #282828;
  /*background: #111;*/
	color: #fff;
  padding: 10px;
	padding-top: 36px;
  min-height: 474px;
}

footer p {
  margin-top: 8px;
}

footer ul li {
  padding: 4px;
  color: #fff;
}

.footer_content {
  margin-top: 50px;
}

#PI_LOGO:hover{
	cursor: pointer;
}
article>ul>li{
	padding: 10px 0;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
margin-top: 32px;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.link a {
  text-align: left;
}

.link_margin {
  line-height: 2;
}

/*@media (prefers-color-scheme: dark) {
  .a_theme {
    background: rgb(30,34,39);
    color: #fff;
  }

  .b_theme {
    background: #000;
    color: #fff;
  }

  .link a {
    color: #fff;
    text-decoration: none;
    text-align: left;
  }

  .main_link {
    color: #fff;
    text-decoration: none;
}
  #night {
    display: none;
  }

  #day {
    display: block;
  }

  table {
    border-collapse: collapse;
    min-width: 100%;
    overflow-x:auto;
    background-color: #000;
  }

  tr {
    border: solid 1px #fff;
  }

  tr:nth-child(even) {
    background-color: #444;
    color: #fff;
  }

  tr:hover {background: #fff; color: #000;}

  th {
    border: solid 1px #fff;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    background: #000;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }

  td {
  	border: solid 1px #fff;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: right;
  }

  td:hover {
    border: solid 1px #fff;
  }
  .text a {
    text-decoration: none;
    color: #fff;
  }

  .text a:hover {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
  }
}

@media (prefers-color-scheme: light) {
  .a_theme {
    background: rgb(245, 245, 245);
    color: #444;
  }

  .b_theme {
    background: #fff;
    color: #000;
  }

  .link a {
    color: #000;
    text-decoration: underline;
    text-align: left;
  }

  .main_link {
    color: #000;
    text-decoration: underline;
  }

  #day {
    display: none;
  }

  #night {
    display: block;
  }
  table {
    border-collapse: collapse;
    min-width: 100%;
    overflow-x:auto;
    background-color: #fff;
  }

  tr {
    border: solid 1px #000;
  }

  tr:nth-child(even) {
    background-color: #f2f2f2;
    color: #000;
  }

  tr:hover {background: #fff; color: #000;}

  th {
    border: solid 1px #000;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    background: #000;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }

  td {
  	border: solid 1px #000;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: right;
  }

  td:hover {
    border: solid 1px #000;
  }
  .text a {
    text-decoration: underline;
    color: #000;
  }

  .text a:hover {
    text-decoration: none;
    color: #000;
    font-weight: bold;
  }
}
*/
/*@media (min-width: 720px){
	.stred:before, .stred:after{
		clear: both;
		content: "";
		display: table;
	}
	.cm-3{
		float: left;
		width: 33.333333%;
	}
}
.left{
  float: left;
  width: 50%;
  text-align: center;
}
.right{
  float:right;
  width: 50%;
  text-align: center;
}
.left_block{
  float: left;
  max-width: 42%;
  max-height: 200px;
  min-width: 42%;
  min-height: 200px;
  background: #fff;
  color: #000;
  margin: 3%;
  padding: 1%;
}
.right_block{
  float:right;
  max-width: 42%;
  max-height: 200px;
  min-width: 42%;
  min-height: 200px;
  background: #fff;
  color: #000;
  margin: 3%;
  padding: 1%;
}
*/
@media screen and (max-width: 1400px) {
  .scroll {
    overflow-x: auto;
  }
}

@media screen and (max-width: 767px) {
    body {
        min-width:200px;
        font-size: 16px;
    }

    section {
      padding: 8px;
    }

    header{
      min-height: 57px;
      padding: 0;
      margin: 0;
    }

    nav {
      display: none;
    }

    #logo {
      margin: 0;
      float: none;
    }

    #razitko {
      position: absolute;
      max-width: 150px;
      right: 32px;
      top: 70px;
    }

    #razitko img {
      max-width: 150px;
    }

    #menu2 {
      display: block;
    }

    #first {
      border-top: #fff solid 16px;
    }

    #second {
      border-top: rgb(245, 245, 245) solid 16px;
    }

    #third {
      border-top: #fff solid 16px;
    }

    .vzorec {
      font-size: 0.8em;
      padding: 10px 10px 10px 15px;
      border-top-right-radius: 7px;
      border-bottom-right-radius: 7px;
      border-left: 4px solid #fff;
      background: #000;
    }

    .vzorec_long {
      font-size: 2.5vw;
      padding: 10px 10px 10px 15px;
      border-top-right-radius: 7px;
      border-bottom-right-radius: 7px;
      border-left: 4px solid #fff;
      background: #000;
    }

    .vzorec_very_long {
      font-size: 1.5vw;
      padding: 10px 10px 10px 15px;
      border-top-right-radius: 7px;
      border-bottom-right-radius: 7px;
      border-left: 4px solid #fff;
      background: #000;
    }

    .text {
      padding: 4px;
      text-align: left;
    }

    /*.stred {
      padding: 4px;
    }*/

    .left{
      float: left;
      width: 75%;
      height: 100%;
      line-height: 200px;
      font-size: larger;
      font-weight: 600;
    }
    .right{
      float:right;
      display: flex;
      width: 25%;
      height: 100%;
      text-align: center;
      line-height: 200px;
    }

    .right img {
      margin: auto;
    }


    .left_block{
      float: none;
      max-width: 92%;
      max-height: 150px;
      min-width: 92%;
      min-height: 150px;
    }
    .right_block{
      float:none;
      max-width: 92%;
      max-height: 150px;
      min-width: 92%;
      min-height: 150px;
    }
    .justify_text {
      text-align: justify;
      min-height: 110px;
      margin: 0px;
    }
    .first_letter {
      float: left;
      font-size: 54px;
      line-height: 40px;
      padding-top: 4px;
      padding-right: 3px;
      font-weight: 400;
    }

    #next_article {
      padding-bottom: 90px;
    }

    .face_main_page {
      display: block;
      margin-right: auto;
      margin-left: auto;
      max-width: 150px;
      max-height: 150px;
      border-radius: 120px;
    }
    .scroll {
      overflow-x: auto;
    }
}

@media screen and (max-width: 650px) {
  .page_link {
    padding-top: 0px;
  }
  .main_page_pictures
  {
    display: none;
  }
}

@media screen and (max-width: 420px) {

  .tlacitko_back {
    max-width: 140px;
    min-width: 140px;
  }

  .tlacitko_up {
    max-width: 140px;
    min-width: 140px;
  }
}

@media screen and (max-width: 320px) {

  .tlacitko_back {
    max-width: 120px;
    min-width: 120px;
  }

  .tlacitko_up {
    max-width: 120px;
    min-width: 120px;
  }
}