@import url('https://fonts.googleapis.com/css?family=Work+Sans:200&subset=latin-ext');

	html,
	body {
		height: 100%;
		margin: 0;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		color: rgb(255, 255, 255);
		font-family: 'Work Sans', sans-serif;

	}

	.pirosvonal {
		border: 1px solid red;
	}

	.kozepso {
		flex-grow: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.rendszerrol {
		flex-grow: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		color: rgb(255, 255, 255);
		font-family: 'Work Sans', sans-serif;
		font-size: 30px;
		background-image: url("hatter1.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		background-color: rgb(0, 0, 0)
	}


	.fejlec {
		display: flex;
		justify-content: center;
	}

	.lablec {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: line;
	}

	.pzssoft{
		background-color: rgba(0, 0, 0, .7);
		color:  rgb(255, 255, 255);
		padding: 10px;
		margin: 10px;
		width: 150px;
		text-align: center;
		justify-content: right;
	}

	.hatterkep {
		background-image: url("hatter.jpg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;

	}


	.hattervideo {
		position: absolute;
		z-index: -100;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		transform: translate(-50%, -50%);
	}

	a {
		color: rgb(205, 247, 18);
		text-decoration: none;
	}

	.fejleclink {
		margin: 0px 10px;
		color:  rgb(255, 255, 255);
		font-size: 20px;
	}

	.oriasbetu {
		font-family: 'Work Sans', sans-serif;
		font-size: 40px;
		text-align: center;
		color: aliceblue;
	}

	.gombocska {
		background-color: rgba(0, 0, 0, .7);
		padding: 10px;
		margin: 10px;
		width: 100px;
		display: inline-block;
		text-align: center;
	}

	.gombdoboz {
		text-align: center;
	}

	@media (max-width: 767px) {
		
		.gombocska {
			background-color: rgb(0, 255, 42); 
		}

		.oriasbetu {
			display: none;
		}
      }
      
    .lead {
		font-family: 'Work Sans', sans-serif;
		font-size: 40px;
		text-align: center;
        }