html, body {
			height:100%;
			margin:0;
			
		}
		
		body {
			color:black;
			font-size:40px;
			font-family:'Work Sans', sans-serif;
			
			display:flex; /*flex -dobozos- megjelenítés*/
			flex-direction:column;  /*flex -dobozos- sorokban legyenek*/
			overflow: auto;
			
		}
		
		.cimkep{
			width:100%;
			height:200px;
			box-shadow: 1px 5px 5px grey;
		}
		
		.terkepszegely{
		  border: 2px solid lightgray;
		  box-shadow: 10px 10px 5px grey;
		  border-radius: 5px;
		}
		
		.flex-container {
		    display: flex;
		    align-items: stretch;
		    background-color: white; /*#DBDBDB;*/
			height:100%;
			margin: 0 80px;
		}

		.flex-container > div {
		    background-color: white;
		    color: black;
		    width: 100px;
			font-weight: bold;
		    margin: 10px;
		    text-align: left;
		    line-height: 1.6;
		    font-size: 16px;
			
		}

		.torzs{
			flex-grow:1; /*középső tartalom rész kifeszítése függőlegesen*/
			display:flex; /*flex -dobozos- megjelenítés*/
			justify-content:center; /*flex -doboz- vizszintes igazítása*/
			align-items:stretch; /*flex -dobozos- függőleges igazítása*/
			text-align:center; /*szöveg igazítása dobozon belül*/
			flex-direction:column; 
			margin-top:0px;
			flex: 1 0 auto;
		}
		
		.footer{
			display:flex; /*flex -dobozos- megjelenítés*/
			justify-content:center; /*flex -doboz- vizszintes igazítása*/
			align-items:center;
			
			background-color: rgba(0,0,0, 0.2);
			border-top: 1px solid gray;
			margin: 0px;
			padding: 5px;
			color:#444444;
			height: 30px;
			font-size:16px;
			text-align:center; 
			
			flex-shrink: 0;
		}
		
		p{
			text-align:justify;
			//margin: 10px 40px;
			font-size:16px;
			color: black;
			font-weight: bold;
			line-height: 1.6;
		}
		
		li{
			text-align:left;
			margin: 10px 25px;
			font-size:16px;
			color: black;
			padding-left: 10px;
			font-weight: bold;
			
		}
		ul{
			text-align:left;
			margin-left: 10px;
			font-size:16px;
			color: black;
			margin-top: 0;
			list-style-type:circle;
		}
		
		p .felsorolascim{
			text-align:left;
			margin-top: 5px;
			font-size:16px;
			color: black;
			line-height: 1.6;
		}
		 
		a{
			color:white;
			text-decoration:none;
			outline: 0;
		}
		
		a:hover{
			color:gray;
			text-decoration:none;
			outline: 0;
		}
		
		nav{
			position: fixed;
		    top: 0;
		    left: 0;
		    width: 100%;
		    background-color: rgba(255,255,255, 0);
		    box-sizing: border-box;
		    padding: 5px;
		    box-shadow: 0px 4px 7px #777;
		    transition: background-color 0.4s ease-out;
		    z-index: 9999;
			display:flex; /*flex -dobozos- megjelenítés*/
			justify-content:space-between; /*flex -doboz- vizszintes igazítása*/
			align-items:center;
			font-size:16px;
			text-align:center; 
			/*font-family: 'arial';	*/
			font-family: 'Oswald', sans-serif;
			margin: 0px;
			height:95px;
			border-bottom: 0px solid gray;
			color:black;
		}
		
		nav.scroll {
		    background-color: white;
		    
		}

		nav a{
			color:gray;
			text-decoration:none;
			outline: 0;
		}
		
		
		
		nav a:hover{
			color:black;
			text-decoration:none;
			outline: 0;
		}
		
		nav span {
			color:black;
		}
		
		.menupont{
			margin: 0px 20px;
		}
		
		.gomb{
			font-size:16px;
			font-family:arial;
			background-color: rgba(0,0,0,0.5);
			padding:10px 30px;
			width:100px;
			display:inline-block;
			border-radius: 15px 50px 30px;
			border: 1px solid white;
		}
		
		.gomb:hover{
			background-color: rgba(255,255,255,0.5);
			color:black;
			border-radius: 15px 50px 30px;
			border: 1px solid white;
		}
		
		.logo{
			position:absolute;
			top:5px;
			left:5px;
		}
		
		@media (max-width:400px){
			.cegnev{
				display:none;
			}
		}
				
		@media (max-width:767px){
			.menupont{
				font-size: 16px;
				
			}
			
			.footer{
				font-size: 12px;
			}
			h2{
				font-size: 12px;
			}
			.flex-container {
		    display: flex;
		    align-items: stretch;
		    background-color: white; /*#DBDBDB;*/
			height:100%;
			margin: 0 20px;
		}
		}
		@media (max-height:450px){
			.menupont{
				font-size: 16px;
			}
			
			.footer{
				font-size: 12px;
			}
			h2{
				font-size: 12px;
			}
			.flex-container {
		    display: flex;
		    align-items: stretch;
		    background-color: white; /*#DBDBDB;*/
			height:100%;
			margin: 0 20px;
		}