.centered {
    text-align: center;  
}
#header, #menu  {
	min-width: 100%;	
	width: 100%;		
}	
#header {      
    text-align: center;
    background: #F99F24;
	background: #525d02;	
    color: #ffffb4;
	vertical-align: middle;	
    padding-left: 0px;
	padding-right: 0px;
	border-bottom: #ffffb4 1px solid;

}
.container-fluid {
	padding-left: 0px;
	padding-right: 0px;

}
.row {
	margin-left: 0px;
	margin-right: 0px;

}
#header h1 {
  font-size:4.5vmax;    
}

div.outer-div {
  height: 14em;    
}

div.middle-div {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);  
}


.level {
/*	background-image: url("../img/elemek_vector_level.png");
	background-repeat: repeat-x;
	min-width: 100%;
	min-height: 3vmax;	
	z-index:9999;*/
	
}

#footer {   
    background: #970004;
	color: #fff;
    color: #ffffb4;
    text-align: center;   
    border-top: 2px #777 solid;	
	min-width: 100%;	
	display: block;	
	min-height: 2vmax;
	
}

.content {
	min-height: 29.5vmax;	
	margin-top: 1em;
	margin-bottom: 0px;
}

.content h4 {
	text-align: center;
}

.main-wrapper {
    background: #000;

}


.glyphicon-home {
    margin-right: 5px;    
	color: #DA251C; 
	color: #000;
}

body {
	 background: #ffffb4;
	 margin: 0px auto;
	 padding: 0px;
}

.logo {
  margin: 1vmax;      
} 

@media (max-width: 750px) {
	.logo {
		  max-width: 150px;
		  max-height: 150px;
	}

    #header h4 {
       font-size:2vmax;    
    }

    #header h1 {
       font-size:3vmax;    
    }
  
    .content h4 {
       font-size: 1.5em;
	   margin-left: 1.5vmax;
	   margin-right: 1.5vmax;
    }

  
  
    .elmelkedes h6 {
       margin-top: 2vmax;
    }


	div.outer-div {
	  height: 4em;    
	}

	
}



.fleft {
 float: left;
}
.fright {
 float: right;
}

.nav-item a {
	color: #fff!important;
}
.nav-item a:before {
	content:url('../img/menulevel.png'); 
	margin-right: 10px;
}
.menu  .bg-light {
	background: #8ca301!important;	
	
}
.nav-item {
	padding: 0px;
	border-left: 3px #000 solid;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        /* padding-left: .5rem; */
		padding-left: 0px;
    }
}











.dropdown-item {
	padding-left: 2px;
}
.dropdown-menu a  {
	color: #000!important;		
	display: flex;
	font-size: 1em;	
}




.active  .nav-link {
	background: #434c02;	
	
}
.navbar-toggler {
	margin: 0.5vmax;
}

.menu .bg-light{
	padding: 0px;
}

.swiper-wrapper {
	height: auto;
	min-height: auto;
}
.swiper-wrapper img {
	object-fit: cover;
    max-width: 90%; 
 
}

.lejjebb {
	margin-top: 2vmax;
	
}

.elmelkedesek-main a {
	font-weight: bold;
	font-size: 1em;
}
.elmelkedes {
  	
}
.elmelkedes-text p {
  	text-align: justify;
	margin: 2vmax;
	margin-top: 1vmax;
}


.swiper-button-next1, .swiper-button-prev1 {
    position: absolute;
    /*top: var(--swiper-navigation-top-offset,4%);	*/
	top: 1em;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    /*margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));*/
	margin-left: 0px;
	margin-right: 0px;
	
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}

.swiper-button-next1, .swiper-rtl .swiper-button-prev1 {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto;
}
.swiper-button-next1:after, .swiper-rtl .swiper-button-prev1:after {
    content: 'next';	
}
.swiper-button-prev1, .swiper-rtl .swiper-button-next1 {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto;
}

.swiper-button-prev1:after, .swiper-rtl .swiper-button-next1:after {
    content: 'prev';
}


.swiper-button-next1:after, .swiper-rtl .swiper-button-prev1:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-next1:after, .swiper-button-prev1:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-next1.swiper-button-disabled, .swiper-button-prev1.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

.versszak {
	font-weight: bold;
	padding: 1em;
	
}
.dalszoveg-text p {  	
	margin: 2vmax;
	margin-top: 0;
}
.startbutton, .startbutton:hover {	    
	    color: #ffffb4;
		margin-bottom: 1em;
		line-height: 2em;
		border: #ffffb4 1px solid;		
		background: #525d02;
	    width: 20vmax;
		font-weight: 600;
		
}
.bio {
   text-align: justify;
}
.sok {
	font-weight: bold;
	margin-top: 1em;
}
.sok a {
         margin-left: 1em;
}
.sok h5,.sok h6 {
	text-align: center;
}
.sok  .row { 
   margin: 1vmax;
}

.kicsik .btn, .kamaszok .btn ,.felnottek .btn {
	min-width: 30vmax;
	color: #ffffb4;
	margin: 1em;
}

.kicsik .btn {
	background: #8ca301;		
}
.kamaszok .btn-default {		
	background: #aa0004;	
	background: #970004;
	
}

.felnottek  .btn {
	background: #954d34;
}
.narrator  {
	text-align: center;
	font-weight: bold;
	font-size: smaller;
	margin: 0.5em;
}
.narrator label {	
	margin-right: 0.5em;
}
.narrator  p {
	font-weight: bold;
}
.terkep {
	text-align: center;
	margin-bottom: 1em;
}
.terkep iframe {
	width: 44vmax;
	height: 36vmax;
	background: #ffffb4;
	border: #970004 1px solid;
}
.terkep .btn {
	margin: 1em;
	background: #525d02;		
	background: #970004;
	color: #ffffb4;
    font-weight: bold;
}
.zaro a{
	font-weight: bold;
}
.zaro-text {
	margin-bottom: 2vmax;
	font-weight: bold;
}

.startbuttoninfo,.startbuttoninfo:hover {
    background: #970004;
	color: #ffffb4;
		margin-bottom: 1em;
		line-height: 2em;
	    width: 20vmax;
		font-weight: 600;
}
.letoltesek ul {
	  
	   list-style-position: inside;
	
}
.kiadvanyok {
	text-align: center;	
	line-height: 2vmax;
	margin-top: 1em;
	font-weight: bold;
	
	
}
.kiadvanyok .row {
	   margin-top: 1vmax;
       margin-bottom: 1vmax;	   
}
.kiadvanyok img {
	max-width: 12vmax;	
}
.kiadvanyok p {
	  margin: 1vmax;
	  text-align: left;
	  position: relative;
	  top: 20%;
}