body {
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;
	padding-right: 0;
	margin-right: 0;
	background-color: rgb(220,220,220);
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 23px;
	color: #24305e;
	letter-spacing: -0.5px;
	}
	@media only screen and (orientation: portrait) {
		body {
			background-color:black;
			font-size: 40px;
			}
			}
@media only screen and (orientation: portrait) {
	.desktop {
		display: none;
		}
		}
@media only screen and (orientation: landscape) {
	.mobil {
		display: none;
		}
		}
section, header {
	width: 100%;
	margin: 0 0 0 0;
	}
header {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #0070b7;
	background-image: url('checklisthatter.png');
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	text-align: center;
	}
	@media only screen and (orientation: portrait) {
		header {
			margin-top: -70px;
			background-color: black;
			background-image: url('checklisthatter-1080.jpg');
			}
			}
section#megrendeles, section#referencia, section#impresszum {
	position: relative;
	background-color: #0070b7;
	color: rgb(220,220,220);
	z-index: 1;
	}
	section#megrendeles>div, section#referencia>div, section#impresszum>div {
		background-color: #0070b7;
		box-shadow: 50px 10 16px -16px #0070b7, -50px 10 16px -16px #0070b7;
		}
	@media only screen and (orientation: portrait) {
		section#szoveggondozas {
			/*border-top: 10px solid rgb(19,121,168);*/
			}
		section, footer {
			background-color: black;
			color: silver;
			}
		section li {
			font-size: 40px;
			}
			}
body>section>div, header>div {
	max-width: 1082px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	padding: 100px 61px 100px 61px;
	}
	body>section#impresszum>div, body>section#kapcsolat>div {
		padding-bottom: 123px;
		}
h1 {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0px;
	font-family: 'Special Elite', sans-serif;
	font-size: 110px;
	color: #fecc27;
	font-weight: normal;
	text-shadow: 0 0 30px black;
	}
	h1 br {
		display: none;
		}
		@media only screen and (orientation: portrait) {
			h1 {
				margin-top: 180px;
				margin-bottom: 80px;
				/*color: rgb(0,112,183);*/
				font-size: 180px;
				}
			h1 .re {
				font-size: 304px;
				line-height: 200px;
				}
			h1 br {
				display: inline;
				}
			h1 span.pont {
				display: block;
				line-height: 7px;
				margin-bottom: 23px;
				opacity: 0.38;
				font-size: 110px;
				}
				}
header div p {
	margin-left: 0px;
	color: white;
	font-family: 'DM Serif Text', serif;
	font-size: 51px;
	font-weight: normal;
	text-align: center;
	text-shadow: 0 0 20px black;
	}
	header div p:nth-of-type(1) {
		margin-bottom: 11%;
		font-weight: normal;
		color: white;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 32px;
		}
		header div p:nth-of-type(1) span {
			margin: 0 3px 0 3px;
			color: #fecc27;
			font-weight: bold;
			font-family: 'Source Serif Pro', serif;
			}
	header div p:nth-of-type(2) {
		margin-top: 3%;
		color: #fecc27;
		font-style: italic;
		}
	header div p:nth-of-type(3) {
		margin-top: 0;
		margin-bottom: 0;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 23px;
		}
	header div p:nth-of-type(4) {
		margin-top: 3%;
		color: #fecc27;
		font-style: italic;
		}
	header div p:nth-of-type(5) {
		margin-top: 0;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 23px;
		}
	@media only screen and (orientation: portrait) {
		header div p:nth-of-type(1) {
			color: silver;
			font-size: 67px;
			}
			header div p:nth-of-type(1) span {
				color: #E6B822;
				}			
		header div p:nth-of-type(2), header div p:nth-of-type(4) {
			margin-top: 8%;
			font-family: 'Source Sans Pro', sans-serif;
			text-transform: uppercase;
			font-style: normal;
			font-weight: bold;
			font-size: 50px; }
		header div p:nth-of-type(3), header div p:nth-of-type(5) {
			color: silver;
			font-size: 50px;
			}
			}
	header div a, header div a:visited {
		color: #fecc27;
		text-decoration: none;
		}
		header div a:hover, header div a:active {
			padding-left: 15px;
			padding-right: 15px;
			border-radius: 10px;
			color: white;
			background-color: #fecc27;
			text-shadow: none;
			}
		@media only screen and (orientation: portrait) {
			header div a, header div a:visited {
				color: #E6B822;
				}
				}
h2 {
	margin: 0 0 0 0;
	padding: 0px 0 70px 0;
	letter-spacing: 1px;
	font-family: 'DM Serif Text', serif;
	font-size: 90px;
	font-weight: bold;
	color: rgb(19,121,168);
	text-transform: none;
	text-align: center;
	}
	section#megrendeles h2, section#referencia h2, section#impresszum h2 {
		color: white;
		}
	@media only screen and (orientation: portrait) {
		h2 {
			font-size: 120px;
			line-height: 110%;
			padding-top: 20px;
			padding-bottom: 80px;
			color: #fecc27;
			}
			}
h3 {
	margin: 44px 0 23px 0;
	padding: 0 0 0 0;
	letter-spacing: none;
	hyphens: manual;
	font-family: 'Source Serif Pro', serif;
	font-size: 40px;
	font-weight: bold;
	color: rgb(19,121,168);
	}
	section#megrendeles h3, section#referencia h3, section#impresszum h3 {
		color: white;
		}
		h3:first-of-type {
			margin-top: 0;
			}
		section#kapcsolat h3 {
			text-align: center;
			}
p {
	margin-top: 22px;
	margin-bottom: 0px;
	line-height: 1.7;
	text-align: justify;
	hyphens: auto;
	}
	section#referencia table tr td p {
		color: #dcdcdc;
		text-align: center;
		font-size: 23px;
		}
	section#impresszum p, section#kapcsolat p {
		margin-top: 4px;
		text-align: center;
		}
		section#impresszum p strong, section#kapcsolat p strong {
			margin-right: 8px;
			}
	@media only screen and (orientation: portrait) {
		section p {
			font-size: 40px;
			line-height: 1.5;
			text-align: left;
			hyphens: none;
			}
			section#referencia table tr td p {
				font-size: 40px;
				}
				}
section a, section a:visited {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: #fecc27;
	text-decoration-thickness: 3px;
	}
	section a:hover, section a:active {
		margin-left: -5px;
		margin-right: -5px;
		padding-left: 5px;
		padding-right: 5px;
		background-color: #fecc27;
		border-radius: 5px;
		color: white;
		text-decoration: none;
		}
ul {
	margin-top: 0px;
	}
	@media only screen and (orientation: portrait) {
		ul {
			padding-left: 0px;
			margin-left: 8px;
			}
			}
ol li {
	margin-top: 20px;
	margin-left: -56px;
	padding-left: 16px;
	line-height: 1.7;
	}
li {
	margin-top: 4px;
	margin-left: 37px;
	padding-left: 7px;
	line-height: 1.7;
	list-style: none outside none;
	text-align: justify;
	hyphens: auto;
	}
	ul li li {
		margin-top: 0px;
		margin-left: 17px;
		padding-left: 0px;
		list-style: none outside none;
		}
		ul li li li {
			margin-left: 15px;
			list-style: none outside none;
			}		
	section#szoveggondozas div:first-of-type ul:first-of-type li:first-of-type i {
		font-family: 'Source Serif Pro', serif;
		/*font-size: 95%;*/
		}
	@media only screen and (orientation: portrait) {
		ul li {
			padding-left: 20px;
			line-height: 1.5;
			text-align: left;
			hyphens: none;
			}
			ul li li {
				margin-left: 28px;
				padding-left: 20px;
				}
				}
				ul li li ul {
					margin-left: 19px;
					}
ul p {
	margin-top: 0px;
	margin-left: -24px;
	color: red;
	}
ul li:before {
	content: 'circle';
	display: inline-block;
	margin-left: -33px;
	padding-right: 20px;
	vertical-align: 1px;
	font-family: 'Material Icons';
	font-size: 12px;
	color: rgba(19,121,168,0.4);
	}
	ul li li:before {
		content: 'arrow_forward_ios';
		margin-left: -25px;
		padding-right: 14px;
		font-family: 'Material Icons Round';
		font-weight: bold;
		font-size: 14px;
		}
	section#megrendeles ul li:before, section#referencia ul li:before, section#impresszum ul li:before {
		color: rgba(220,220,220,0.5); /*#3b444b;*/
		}
	@media only screen and (orientation: portrait) {
		ul li:before {
			margin-left: -66px;
			padding-right: 35px;
			font-size: 30px;
			color: rgba(254,204,39,0.8);
			}
			ul li li:before {
				margin-left: -59px;
				padding-right: 23px;
				font-size: 35px;
				}
				}
	@media only screen and (orientation: landscape) {
		section#megrendeles>div>ul, section#referencia>div>ul, section#impresszum>div>ul {
			margin-left: 0px;
			padding-left: 0px;
			}
		section#megrendeles>div>ul>li, section#referencia>div>ul>li, section#impresszum>div>ul>li {
			margin-left: 0px;
			padding-left: 0px;
			}
			section#megrendeles>div>ul>li:before, section#referencia>div>ul>li:before, section#impresszum>div>ul>li:before {
				margin-left: -31px;
				padding-right: 20px;
				}
				}
			/*@media only screen and (orientation: portrait) {
				section#megrendeles>div>ul>li:before, section#referencia>div>ul>li:before, section#impresszum>div>ul>li:before {
					margin-left: -43px;
					}
					}*/
section#referencia div table {
	width: 100%;
	}
section#referencia div table tr td {
	width: 50%;
	}
	section#referencia div table tr td img {
		width: 100%
		}
	@media only screen and (orientation: portrait) {
		section#referencia div table tbody {
			display: table;
			width: 100%
			}
		section#referencia div table tr td {
			display: table;
			width: 100%;
			padding-bottom: 44px;
			}
			}
section#kapcsolat div img {
	border-radius: 50%;
	width: 15%;
	margin-bottom: 27px;
	}
	@media only screen and (orientation: portrait) {
		section#kapcsolat div img {
			width: 38%;
			}
			}
div.gyiklink {
	width: none;
	position: fixed;
	bottom: 0;
	right: 0;
	float: right;
	margin: 0 20px 5px 0;
	padding: 0 0 0 0;
	clear: right;
	z-index: 3;
	}
	@media only screen and (orientation: portrait) {
		div.gyiklink {
			margin-bottom: 15px;
			opacity: 0.38;
			}
			}
	div.gyiklink a {
		display: inline-block;
		text-decoration: none;
		margin: 0 -5px 0 0;
		padding: 0 0 0 0;
		font-family: 'Material Icons Round';
		font-weight: normal;
		font-style: normal;
		font-size: 48px;
		letter-spacing: normal;
		text-decoration: none;
		color: darkgray;
		}
		@media only screen and (orientation: portrait) {
			div.gyiklink a {
				display: block;
				font-size: 78px;
				color: rgb(0,112,183);
				}
				}
		div.gyiklink a:hover {
			color: rgb(2,148,210);
			}
		div.gyiklink a:first-of-type {
			}
		div.gyiklink a:last-of-type {
			transform: rotate(180deg);
			}
img.sectionimage {
	width: 1082px;
	position: relative;
	clear: none;
	margin: 0px 0 69px -61px;
	padding: 0 0 0 0;
	border-radius: 20px;
	}
	@media only screen and (orientation: portrait) {
		img.sectionimage {
			width: 100%;
			margin-left: 0;
			}
		}
	section#szoveggondozas img.sectionimage {
		border: 1px solid #0070b7;
		}
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
}
nav {
	position: absolute;
	width: 100%;
	padding-top: 30px;
	text-align: center;
	color: white;
	font-size: 16px;
	font-weight: bold;
	}
	nav a, nav a:visited {
		color: white;
		margin: 0 4px 0 4px;
		padding: 3px 8px 3px 8px;
		background-color: rgba(128,128,128,0.0);
		border-radius: 5px;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 16px;
		}
		nav a:hover, nav a:active {
			background-color: #fecc27;
			color: #24305e;
			}
		@media only screen and (orientation: portrait) {
			nav {
				display: none;
				justify-content: center;
				/*top: auto;
				bottom: auto;
				left: auto;
				right: auto;*/
				width: 100px;
				height: 100px;
				transform: none;
				text-align: right;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				background-color: lightgreen;
				}
			nav a {
				display: block;
				margin-right: 0;
				font-size: 30px;
				/*text-orientation: mixed;
				writing-mode: vertical-rl;*/
				transform: rotate(-90deg);
				background-color: yellow;
				}
				}
footer {
	position: relative;
	width: none;
	margin-left: auto;
	margin-right: auto;
	height: 83px;
	padding-top: 45px;
	text-align: center;
	font-size: 23px;
	color: rgba(0,112,183,0.4); /*rgba(36,48,94,0.4);*/
	}
	@media only screen and (orientation: portrait) {
		footer {
			font-size: 40px;
			line-height: 1.7;
			height: 190px;
			}
			}
	footer a, footer a:visited {
		color: #0070b7; /*#24305e;*/ /*rgb(220,220,220);*/
		text-decoration: none;
		/*margin-right: 2px;*/
		margin-left: 11px;
		margin-right: 14px;
		}
		footer a:hover, footer a:active {
			margin-left: 3px;
			margin-right: 6px;
			padding-left: 8px;
			padding-right: 8px;
			border-radius: 5px;
			background-color: #fecc27;
			color: white;
			}