.pad-top-25{padding-top:25px;}
	.pad-top-50{padding-top:50px;}
	.center-text{text-align: center;vertical-align: middle;line-height: 90px;}
	.center {display: block;margin-left: auto;margin-right: auto;width: 50%;}
	.cimer2{width:180px; height:220px;position:relative;z-index:10 !important;}
	.rakoczi-var{padding-top:10px;background: url('../img/logo.png') center;background-repeat: no-repeat;background-size: 260px 80px; height:80px;}
	.rakoczi-var2{background: url('../img/logo.png') center;background-repeat: no-repeat;background-size: 200px 70px !important; height:70px;}
	.rakoczi-var2 h2 {padding-top:5px;}
	.height-100vh{height:100vh;}
	.height-50vh{height:50vh;}
	.black{color:black !important;  text-transform: none;font-size:16px;letter-spacing:0.5px;}
	.black:hover{text-decoration:none;}
	.eleresi-ut{height:8vh !important;padding-top:50px !important;}

	body{
		width: 100%;
		height: 100%;
		font-family: 'Open Sans', sans-serif;
	}
	h2{
		color:white;
		font-size: 1.8em;
	}
	h4{
		color:black;font-size:20px 	;text-align:center;
	}
	ul{
		padding-top:25px;
	}
	li{	
		margin-bottom:15px;
	}
	a:hover{
		text-decoration:none;
	}
	.hatter:before{
		background-image: url('../img/hatter.jpg');
		background-size: cover;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: -2;
		opacity: 0.4;
	}	

	.baloldal{
		max-width:500px;
		padding-top: 35px;
		text-align:center;
		background-color: rgba(0, 0, 0, 0.5);
		max-height:700px;
		margin-top:10px;
		border-radius:15px;
		color:white;
	}
	.baloldal2{
		max-width:500px;
		padding-top: 35px;
		text-align:center;
		background-color: rgba(0, 0, 0, 0.5);
		max-height:200px;
		min-height:170px;
		margin-top:10px;
		border-radius:15px;
		color:white;
	}
	.baloldal-top{
		background-color:rgb(77,61,129);
		width:500px;
		border-top-left-radius:15px;
		border-top-right-radius:15px;
		margin-top:-40px;
		margin-left:-15px;

	}
	.baloldal-top2{
		background-color:rgb(77,61,129);
		width:270px;
		border-top-left-radius:15px;
		border-top-right-radius:15px;
		margin-top:-40px;
		margin-left:-15px;

	}
	.jobboldal a{
		padding: 0 0 0 0;
		text-decoration:none;
		text-transform: capitalize;
	}	
	.jobboldal{margin-top:0px;max-width:270px;padding-top:5px}
	.nav-link{
		background: url('../img/menu_vonal.png') no-repeat bottom;
		background-size:170px 15px;
	}

	.fo-oldal-menu, a{
		color:white;
		text-transform: uppercase;
		letter-spacing: 2px;
		padding:25px 3px 5px 3px;
		margin-top:10px;
	}
	.cards{
		display: flex;
	}
	.card{
		color: #fff;
		background-color: #444;
		border-radius: 15px;
		border:0px;
		margin-right:25px;
		width:125px;
		height:125px;
	}
	.card div{
		flex:1;
	}
	.card2{
		color: #fff;
		background-color: #444;
		border-radius: 15px;
		border:0px;
		display:flex;
		width:270px;
		height:100px;

	}
	.card-img{
		width: 100%;
		object-fit: cover;
		object-position: center;
		 padding: 20px 25px 25px;		
	}
	.card-img2{
		background-color:rgb(77,61,129);
		width:50%;
		border-bottom-left-radius:15px;
		border-top-left-radius:15px;
	}
	.card-content{	
		padding: 20px 25px 5px;
		text-align:center;
	}
	.card-content1{
		background-color:green;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
	}
	.card-content2{
		padding-left:5px;
		width:50%;
	}
	.ikon-gyik{
		height:33px;
		width:30px;
	}
	.ikon-interaktiv{
		/*/height:50px;*/
		width:40px;
		vertical-align:middle;
		margin-top:25px;
	}
	.virag-menu{
	  width:80%;
	  background: url('../img/menu-virag.png') no-repeat center;
		background-size:250px 30px;
	}
	.vizual-oldal{
		margin-top:25vh;
	}
	.valaszto-oldal{
		margin-top:12.5vh;
	}
	.vizual-oldal .card2{
		margin-left:10px;
		margin-right:10px;
	}
	.vizual-oldal p{
		letter-spacing:1px;
		font-size:14px;
	}
	.kategoria-oldal{
		height:90vh;
		padding-top:15vh;
	}
	.kategoria-oldal a{
		text-transform:none;
	}
	.kategoria-img{
		width: 250px;
		height: 200px;
	}
	.kep-cim-box{
		width:100%;
		height:7.5%;
	}
	.fekete-hatter{
		max-width:100%;
		padding-top:3px;
		margin-top:40px;
		text-align:center;
		background-color: rgba(0, 0, 0, 0.6);
		max-height:700px;
		border-radius:15px;
		color:white;
	}
	.fekete-hatter h4{
		color:white;
		font-size:18px;
	}
	.fekete-hatter h5{
		font-size:12px;
	}
	.fekete-hatter p{
		font-size:8px;
		margin-bottom:3px;
	}
	.roundd{
		border-radius:15px;
	}

	.EU-bg{
		background-image: url('../img/EU-bg.png');
		position:absolute;bottom:0;right:0;width:33%;height:30%;opacity:1;z-index:100;
	}
	.leiras{
		margin:5px 5px 5px 5px;
		padding-left:10px;
		padding-right:10px;
	}
	.tili-toli-center{
		display: block;margin-left: auto;margin-right: auto;width: 70%;
	}
	.button_container {
		width:600px;margin: auto;text-align: center;
		}
	.button_container p{
		color:#000;
	}
	/* all button	*/
	.reload_button {
		color: white !important;
		padding: 10px 10px 10px 10px;
		background-color: #CF9E75;
		border-radius:15px;
		text-transform:none;
	}
	/*tili-toli*/	
	#puzzle_container{
		line-height:500px;
		text-align:center;
		vertical-align:center;
		position:relative;
		color: #FFFFFF;
		background-color: #707070;		
		width: 520px;	/* IE 5.x */
		width/* */:/**/500px;	/* Other browsers */
		width: /**/500px;	
		
		height: 520px;	/* IE 5.x */
		height/* */:/**/500px;	/* Other browsers */
		height: /**/500px;	
	}
	
	#puzzle_container .square{
		overflow:hidden;
		border-left:1px solid #FFF;
		border-top:1px solid #FFF;
		position:absolute;
	}

	.activeImageIndicator{
		border:1px solid #FF0000;
		position:absolute;
		z-index:10000;
	}
	.revealedImage{
		position:absolute;
		left:0;
		opacity:0;
		filter:alpha(opacity=50);
		top:-75px;
		z-index:50000;
	}
	/*kvíz*/	
	.title {
	  margin-left: auto;
	  margin-right: auto;
	  font-size: 2.5em;
	  text-align: center;
	  display: block;
	  max-width: 50%;
	  padding: 20px;
	  margin-top: -5px;
	  margin-bottom: 20px;
	  color: white;
	  background: rgba(0, 0, 0, 0.6);
	  text-shadow: 0px 4px 6px #CF9E75;
	  border-radius: 0px 0px 0px 0px;
	  box-shadow: 0px 2px 2px rgba(0,0,0,.2);
	}

	p.lead {
	  text-align: center;
	  margin-left: auto;
	  margin-right: auto;
	  max-width: 50%;
	  font-size: 1.33em;
	}

	.content {
	  margin-left: auto;
	  margin-right: auto;
	  background: rgba(0, 0, 0, 0.6);
	  padding: 20px;
	  margin-top: 20px;
	  margin-bottom: 40px;
	  max-width: 50%;
	  min-height: 300px;
	  border-radius: 5px 5px 5px 5px; /* rounded corners */
	  box-shadow: 0px 2px 2px rgba(0,0,0,.4);
	}

  .content h4 {
    color: white;
    text-shadow: 0px 1px 1px rgba(0,0,0,.6);
  }

	.answer {
	  margin-left: 10px;
	  padding-left: 10px;
	  color: white;
	  text-shadow: 0px 1px 2px rgba(0,0,0,.6);
	}

  .answer span {
    margin-left: 10px;
  }

  .answer {
    color: white;
    /*background: rgba(0,0,0,.25);*/
    -webkit-transition-property: background;
    transition-property: background;
    transition-duration: .2s;
    border-radius: 5px 5px 5px 5px;
  }
	.kviz-button-container{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#container2{
		position:absolute;bottom:0;right:0;
	}
	#choices {
		margin-bottom: 40px;
		color: #4D4D4D;
		list-style-type: none;
		text-transform: none ;
		letter-spacing: 1px ;
		padding:5px 3px 5px 3px;
	  }

  #choices input {
    margin-top: 10px;
    margin-bottom: 10px;
  }


#score-container {
  margin-top: -380px;
  padding: 20px;
  margin-left: 45%;
  border-radius: 5px 5px 5px 5px; /* rounded corners */
  box-shadow: 0px 2px 2px rgba(0,0,0,.4);
  max-width: 10%;
  background: #CCCCCC;
}

  #score-container h4 {
    color: white;
    text-shadow: 0px 1px 1px rgba(0,0,0,.6);
  }

  #score {
    color: white;
    text-align: center;
    font-size: 4em;
    margin-top: 0px;
    margin-bottom: 20px;
    background: rgba(0,0,0,.5);
    border-radius: 5px 5px 5px;
    text-shadow: 0px 4px 20px rgba(0,0,0,.5);
  }
.video-padding{
	padding-top:15px;
}
	@media screen and (max-width: 1024px) and (min-width: 768px) {
		.baloldal{max-width:300px;height:600px;background-color: rgba(0, 0, 0, 0.6);border-radius:15px;text-align:center;margin-top:10px;}
		.baloldal-top{background-color:rgba(77,61,129);width:300px;border-top-left-radius:15px;border-top-right-radius:15px;margin-top:-35px;height:80px;margin-left:-15px;}
		.rakoczi-var{background-size: 260px 80px; height:80px;margin-top:15px;padding-top:17px;}
		.rakoczi-var2{background-size: 240px 70px; height:70px;margin-top:8px;padding-top:9px;}
		.virag-menu{width:98%;}
		.cimer2{width:120px; height:140px;margin-top:50px;}
	}