body {
  max-width: 1200px;
  background-color: #e9f8fb;
  border-left: solid px #919191;
  border-right: solid px #919191;
  border: px solid #808080;
  margin-bottom: px;
  margin: auto;
  width: 100%;
}

img.header {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.border {
	padding: 5px;
	padding-right: 0px !important;
}

img.reco {
	display: block;
	padding-bottom: px;
	padding-right: 0px !important;
	margin-left: auto;
	margin-right: auto;
	border-left: #333333 1px solid;
	border-right: #333333 1px solid;
	border-bottom: #333333 1px solid;
	border-top: #333333 1px solid;
	-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
}

.figyelem::after {
	padding-right: 690px;
	text-align: left;
	font-size: 16px;
	font-weight: ;
	text-shadow: #333333 2px 3px 5px;
	font-family: 'Cabin';
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	background-image: linear-gradient(to right, #ffe6cc 65%, transparent);
	border-left: #333333 1px solid;
	border-right: #333333 0px solid;
	border-bottom: #333333 1px solid;
	border-top: #333333 1px solid;
	-webkit-border-radius: 0.5em 0.0em 0.0em 0.5em; /* Sorrend: bal felső, jobb felső, jobb alsó, bal alsó. */
	content: 'Figyelem';
}

.ph {
	text-align: left;
	font-size: 16px;
	font-weight: ;
	text-shadow: #333333 2px 3px 5px;
	font-family: 'Cabin';
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	background-image: linear-gradient(to right, #ffe6cc 65%, transparent);
	border-left: #333333 1px solid;
	border-right: #333333 0px solid;
	border-bottom: #333333 1px solid;
	border-top: #333333 1px solid;
	-webkit-border-radius: 0.5em 0.0em 0.0em 0.5em; /* Sorrend: bal felső, jobb felső, jobb alsó, bal alsó. */
}

.ph2 {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Cabin';
	padding-top: 10px;
	padding-bottom: 5px;
	background-imag: linear-gradient(to right, #ffe6cc 50%, transparent);
	border-left: #333333 px solid;
	border-right: #333333 0px solid;
	border-bottom: #333333 px solid;
	border-top: #333333 px solid;
	-webkit-border-radius: 0.5em 0.0em 0.0em 0.5em; /* Sorrend: bal felső, jobb felső, jobb alsó, bal alsó. */
}

.ph3 {
	text-align: center;
	font-size: 16px;
	font-weight: ;
	font-family: 'Cabin';
	padding-top: 10px;
	padding-bottom: 10px;
}

.text {
	text-align: left;
	font-size: 16px;
	white-space: pre-line;
	line-height: ;
	background-color: ;
	margin-top: 0px;
	margin-bottom: 0px;
}

.text2 {
	text-align: justify;
	font-size: 14px;
	padding-bottom: 10px;
	padding-top: 5px;
	white-space: pre-line;
	font-family: 'Trebuchet MS';
	padding-left: 10px;
	padding-right: 10px;
}

.text3 {
	text-align: justify;
	font-size: 14px;
	padding-bottom: 10px;
	padding-top: 5px;
	white-space: pre-line;
	font-family: 'Trebuchet MS';
	padding-left: px;
}

.cim {
/* a cikkek címeinek kódja */
  margin: auto;
  width: 50%;
min-width: 800px;
max-width: 800px;
  background-image: linear-gradient(to top, #ffe6cc 5%, transparent); 
    font-family: 'Blinker';
        color: #000000; /* betűszín */
        text-align: left; /* szöveg pozíciója középen */
        font-size: 18px; /* betű mérete */
        font-weight: bold; /* betű vastagsága */
        text-shadow: #ffffff 3px 3px 0px; /* Betű árnyéka, 15 px fölött (szerintem) már nem esztétikus, ha fehér. Mindenképpen kell hozzá érték, ami legalább 0, mert ha nincs beírva, a kódot nem értelmezi a css. Sorrend: vízszintes érték (negatív is lehet), függőleges érték (negatív is lehet), homályosítás effekt/blur/. */
        padding-top: 9px; /* cím helyzete fentről */
        padding-left: 10px; /* cím helyzete balról */
        margin-bottom: 10px; /*Megadja a cím és a szöveg közötti távolságot */
        HEIGHT: 30px; /* szövegdobozod magassága. A fejléc képed magassága */
border-left: #333333 px solid; /* keret stílusa, mérete, színe */
border-right: #333333 px solid; /* keret stílusa, mérete, színe */
border-bottom: #333333 1px solid; /* keret stílusa, mérete, színe */
border-top: #333333 px solid; /* keret stílusa, mérete, színe */
	-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em; /* A szegély lekerekítésének kódja. Mindenképpen kell hozzá érték, ami legalább 0, mert ha nincs beírva, a kódot nem értelmezi a css. Sorrend: bal felső, jobb felső, jobb alsó, bal alsó. */
}

.item1 { grid-area: 1;
padding-right: 0px !important;
}
.item2 { grid-area: 1;
min-width: 215px;
padding-left: 0px !important;
padding-right: 0px !important;
}
.item3 { grid-area: 1;
min-width: 215px;
padding-left: 0px !important;
padding-right: 0px !important;
}
.item4 { 
	grid-area: b2;
	text-align: left !important;
	max-width: 760px;
}

.crit {
  text-align: left;
  display: grid;
    grid-template-areas:
    '1 1 1'
	'b2 b2 b2';
  min-width: 800px;
  max-width: 800px;
  border: 1px solid #808080;
  border-bottom: 0px !important;
  margin: auto;
  width: 50%;
}

.crit > div {
  background-color: #ffffff;
  text-align: left;
  font-family: 'Anaheim';
  padding: 20px 20px 0px 20px;
  font-size: 18px;
  display: block;
}


.container {
  position: relative;
}

ul.topnav {
  list-style-type: none;
  margin-bottom: 20px;
  padding-bottom: 0px;
  overflow: hidden;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-family: 'Cabin';
  font-size: 18px;
}

ul.topnav li a:hover:not(.active) {background-color: #ffffff;}

ul.topnav li a.active {background-color: #04AA6D;}

ul.topnav li.right {float: right;}

@media screen and (max-width: 600px) {
  ul.topnav li.right, 
  ul.topnav li {float: none;}
}

/* unvisited link */
a.one:link {
  color: #808080;
  font-weight: bold;
  text-decoration: none;
text-shadow: 0px 0px 0px #;
}

/* visited link */
a.one:visited {
  color: #808080;
  font-weight: bold;
  text-decoration: none;
text-shadow: 0px 0px 0px #;
}

/* mouse over link */
a.one:hover {
  color: #808080;
  font-weight: bold;
  text-decoration: none;
text-shadow: 0px 0px 0px #;
}

/* selected link */
a.one:active {
  color: #808080;
  font-weight: bold;
  text-decoration: none;
text-shadow: 0px 0px 0px #;
}