.img-responsive {
	margin: 0 auto;
}
  body{
  color: #ffffff !important;
	padding: 0px;
	border: 0;
	margin: 0px;
  }
  
  /*háttér*/

  body { 
background: #e1cdad; /* Old browsers */
/* background: -moz-linear-gradient(top, #356646 0%, #356646 70%, #336633 79%, #336633 84%, #666633 100%);  FF3.6-15 */
/* background: -webkit-linear-gradient(top, #356646 0%,#356646 70%,#336633 79%,#336633 84%,#666633 100%);  Chrome10-25,Safari5.1-6 */
/* background: linear-gradient(to bottom, #356646 0%,#356646 70%,#336633 79%,#336633 84%,#666633 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356646', endColorstr='#666633',GradientType=0 ); IE6-9 */ 
padding-right: 0px;
padding-left: 0px;
}
.gombos{
		box-shadow: 0px 10px 12px 0px #2F5A3E!important;
}		
	
 
/*főmenű*/
	
	.col-sm-8 {
      width: 74% !important;
	}
	
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
	/*.kagylo{
		background-image: url("../images/kagylo.png");
		background-repeat: no-repeat;
		background-attachment: local;
		background-position: 70% 10%;
	}*/
	
	.hirlevel1
	{
		position: relative;
		top: -5px;
		padding-left: 12px;
	}
	
	.fomenu{
		position: relative;
		top: 5px;
		z-index:100;
	}
	.navbar-inverse {
		background-color: transparent;
		border-color: transparent;
		font-family: 'Dosis', sans-serif;
	    font-size: 24px;
	}

	.navbar-collapse{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.col-sm-3{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	
	.navbar-inverse .li {
		display: inline-block;
	}
	.navbar-nav li a {
		padding-left: 30px;
		padding-right:30px;
		line-height: 26px;
		padding-top: 2px;
		padding-bottom: 10px;
		color: #38270b;
		font-weight: bold;
		
	}
	.navbar-inverse .navbar-nav > li > a {
  color: #38270b;
}
	.navbar-nav .aktiv
	{
		color: #2f2c2c !important;
	}
	.navbar-nav li a:hover {
		color: #2f2c2c!important;
	}
	.alahuz{
		/*border-bottom: 3px solid #cc6600;*/
		text-shadow: 
		2px 2px 2px #ffffff;
		/*text-shadow:
		-1px -2px 0 #cc6600,
		1px -2px 0 #cc6600,
		-1px 2px 0 #cc6600,
		1px 2px 0 #cc6600;*/
	}
	
	
    
/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content {height: 100%}
    
/* oldalsó menü*/
    .nav-sidebar .aktiv
	{
		color: #2f2c2c !important;
	}
	.nav-sidebar li{
		list-style: none !important;
	}
	
    .nav-sidebar li a{
		padding-top: 0px;
		padding-bottom: 10px;
	}
	
	.nav-sidebar li a:hover {
		background-color: transparent;
		color: #2f2c2c!important;
		text-decoration: none;
		}
		
	.almenu2{
	  padding-left: 15px !important;
	  position: relative;
	  z-index: 170
	}
	
	.sidenav {
      background-color : transparent;
      height: 100%;
	  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
	  
	  position: relative;
	  top: -30px;
	  
    }
	.blogcim h3{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
	color: white!important;
	font-size: 20px !important;
	text-decoration: none;
	}
	
	.blogcim a {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
	color: white!important;
	font-size: 18px !important;
	text-decoration: none;
	}
	
	.datum{
	font-size: 16px !important;
	}
	
	.sarga{
	  color: #7a571f !important;
	}
	
	.sarga2{
	  color: #7a571f !important;
	  font-size: 20px !important;
	}
	
	.sorok{
	  font-size: 20px !important;
	  padding-left: 0px !important;
	}
	
	.szunet{
		font-size: 18px;
	}
	
	.feher a{
		color: #ffffff;
		text-decoration: none;
	}
	
	.alahuz2 a{
		text-shadow:
		-1px -2px 0 #cc6600,
		1px -2px 0 #cc6600,
		-1px 2px 0 #cc6600,
		1px 2px 0 #cc6600;
	color: #ffffff;
	text-decoration: none;
	}
	
	.sarga a{
		color: #ffff73 !important;
		text-decoration: none;
		font-size: 20px !important;
	}
	
	.arnyek a{
	text-shadow:
		-1px -2px 0 #339933,
		1px -2px 0 #339933,
		-1px 2px 0 #339933,
		1px 2px 0 #339933;
	color: #ffffff;
	text-decoration: none;
	}
    .arnyek2 a{
	text-shadow:
		-1px -3px 0 #339933,
		1px -3px 0 #339933,
		-1px 3px 0 #339933,
		1px 3px 0 #339933;
	color: #ffffff;
	text-decoration: none;
	}
	.sidenav p{
		padding-left: 18px;
	}
	.hirlevel{
		max-width: 100% !important;
		
	}
/* Set black background color, white text and some padding */
    footer {
      background-color: transparent;
      color: #38270b;
      padding: 15px;
	  font-size: medium;
    }

/*szövegtörzs*/	
	.panel-heading{
		padding-bottom: 20px!important;
		padding-left: 0px!important;
		padding-right: 0px!important;
		padding-top: 10px!important;
	}
	.eltol{
		height: 80px;
	}
	.torzs{
		position: relative;
		top: -50px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #38270b !important;
		text-align:justify;
		padding-left: 20px;
		min-height: 1000px;
}
	.torzs p{
		font-size: medium;
	}
	.torzs a{
		color: #38270b;
	}
	.torzs2{
		position: relative;

		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #38270b;

		padding-left: 20px;
		min-height: 900px;

}
	.torzs2 input{
		color: black;
	}
	
	.vonal {
    border-left: 4px solid #c9b89d;
	border-top: 4px solid #c9b89d;
	position: relative;
	top: -5px
	}


	
	.kagylodiv{
    /*background:rgba(0,0,0,.4);*/
    -webkit-animation: fadeIn 1s;
 
    /*display:none;*/
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
}
.kagylodiv .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.kagylodiv > div {
	/*oval*/
	max-width: 1000px;
    min-height: 100px;
    margin:10px 0 0 -10px;  
    -moz-border-radius: 500px / 260px;
    -webkit-border-radius: 500px / 260px;
    border-radius:500px / 260px;
    /*background-color: #fff;*/
    /*box-shadow: 10px 10px 60px #555;*/
    display: inline-block;
    height: auto;
    vertical-align: middle;
    width: 60%;
    position: relative;
    padding: 0px 0%;
	
}
#beusz {
	cursor:pointer;
	-webkit-animation: scale-in-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes beusz {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes beusz {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

.popupCloseButton {
    background-color: #ff4c4d;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: 6.5%;
    right: 12.8%;
    font-size: 25px;
    line-height: 30px;
    width: 40px;
    height: 40px;
    text-align: center;
	padding-top: 3px;
	z-index: 500;
}
.popupCloseButton:hover {
    background-color: #ccc;
	color: #d90000;
}
	
	
	
	
	
	
	/*méretfüggő dolgok*/
	
	@media screen and (max-width: 1024px) and (min-width: 768px) {
      .navbar-nav li a {
		font-family: 'Dosis', sans-serif;
	   font-size: 22px;
      }
	  .sidenav{
        height: auto;
		font-family: 'Dosis', sans-serif;
	   font-size: 22px;
      }
	  .kagylo{
		background-position: 66% 10%;
	}
	  
	  .fomenu{

		top: 5px!important;
		}
	   .nyil{
			max-height: 18px;
			float: right;
			position: relative;
			left: -30px!important;
			top: 13px;
			
		  }
	      .gombos table .bal1{

			width: 15%!important;
		  } 
	  	.blogcim h3{
		font-size: 18px !important;
		}
		
		.blogcim a {
		 font-size: 16px !important;
		}

		.sarga2{
		  font-size: 18px !important;
		}
		
	 }
    /*mobil*/
	/* On small screens, set height to 'auto' for sidenav and grid */
    @media only screen and (max-width : 767px) {
		.vonal {
    border-left: none;
	border-top: none;
	position: relative;
	top: -5px
	
	
	}
		.col-sm-8 {
			width: 100% !important;
		}
		
		.navbar-nav {
		  margin: 7.5px -5px !important;
		}
		
		.kagylodiv > div {
	     width: 100%;
		}
		.popupCloseButton {
		top: 1%;
		right: 4%;
		width:35px;
		height: 35px;
	  }
		
		.navbar-nav li a {
		padding-left: 40px;
		padding-right:40px;
	}
		
		.back-to-top {
			z-index:1000!important;
		}
      	h6{
			font-family: Verdana, sans-serif !important;
			/*color: #ffffcc !important;*/
			font-size: 20.0pt!important;
			background: none!important;
			padding-top: 30px!important;
			padding-bottom: 0px!important;
			
		}
		
		.kagylo{
		background-position: 99% 5%;
		}
		
		h6 small {
			color: #38270b !important;
		}
		
		.eltol{
			height:30px;
		}
		
		.fomenu{
		position: relative;
		top: -75px !important;
		}
		.fomenu2{
		position: relative;
		top: -80px;
		text-align: right;
		}
		.almenu{
		position: relative;
		top: -230px;
		z-index: 1000;
		}
		.almenu2{
		position: relative;
		top: -220px;
		margin-bottom:15px;
		z-index: 170;
		}
		
		.szunet{
		font-size: 14px!important;
		}
		
		.torzs{
		z-index:160;
		position: relative;
		top: -340px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		text-align:justify;
		padding-left: 20px;
		min-height: 1800px;
		}
		.hirlevel{
		max-width: 80% !important;
		
		}
	  .sidenav {
		top: -90px;
      }
	  .almenu2 li a {
		font-family: 'Dosis', sans-serif;
	   font-size: 22px;
      }
	  
	  
      .row.content {height:auto;}  
	  .hirlevel{
		max-width: 250px;
	  }
	  .panel-default .panel-heading h4{
		display:block;
		box-shadow: 0px 10px 12px 0px #2F5A3E;
		min-width: 100%;
		text-align: center;
		  }
	  .gombos{
		border: none;
		margin: 0px;
	  }
	  .gombos table{
	    margin: 0px!important;
		}
	   .gombos table .bal1{
			display: none;
		  } 
	  .gombos table .balos{
			border: none!important;
			padding: 0px!important;
			
			text-align: center;
		  }
	  .gombos table .jobbos{
			display: none;
		  } 
	  .panel-default .panel-heading a{
		font-family: 'Nunito', sans-serif;
		font-size: 20px;
		color: #ffffff;
		text-decoration: none;
		/*position: relative;
		left: 5px;*/
		display: block;
	  }
	  .nyil{
	    display: none;
		max-height: 18px;

	  }
	  
	  
	  ul .dropdown-content1{
			  display: block!important;
			  position: initial!important;

			  
			  box-shadow: none;
			  z-index: 1;
			  list-style: none;
			  font-family: 'Dosis', sans-serif;
			  font-size: 24px;
		}
		ul .dropdown-content1 a{
			  text-decoration: none!important;
		}
		.kill{
		display: none!important;
		}
	  /* 
	   .fel{
	position: relative;
	top: -40px;
	
  }*/
    }
/* // Extra small devices (portrait phones, less than 576px)
@media (max-width: 575px) { ... }

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... } */

/*lenyilo menu*/

  .panel {
	background-color: transparent;
	border: none;
	box-shadow: none!important;
  }
  .panel-default .panel-heading {
	background-color: transparent;
  }

.navbar-toggle{
	margin-top: 155px!important;
  }
 

 

@media (min-width: 768px){       /*nagy képernyo*/
  
/*  
  .fel{
	position: relative;
	top: -40px;
	
  }
*/


  .gombos table{
	    margin: 0px!important;
	  }
   .gombos table .bal1{
	    border: none!important;
	    padding: 0px!important;
		width: 25%;
	  } 
  .gombos table .balos{
	    border: none!important;
	    padding: 0px!important;
		max-width: 70px;
		text-align: left;
	  }
  .gombos table .jobbos{
	    border: none!important;
	    padding: 0px!important;
		text-align: left;
		width: 13%;
	  } 
	  
  .panel-default .panel-heading a{
	font-family: 'Nunito', sans-serif;
	font-size: 30px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	/*display: table-cell;
	padding:2px 0px 2px 30%;
	max-width:60px;
	position: relative;
	left: 20px;
	
	*/
	
	
	
  }
  .nyil{
	max-height: 18px;
	float: right;
	position: relative;
	left: -90px;
	top: 13px;
	
  }
  
  /*blogok*/
			.dropdown1 {
			  position: relative!important;
			  display: inline-block!important;
			}

			.dropdown-content1 {
			  display: none;
			  position: absolute;
			  top: 35px;
			  left: -90px;
			  background-color: #ddd;
			  width: 182px;
			  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
			  z-index: 1;
			  list-style: none;
			  font-family: 'Dosis', sans-serif;
			  font-size: 24px;
			  border: 0px solid #297B12;
			  border-radius: 20px;
			  z-index: 1000;
			}
			

			.dropdown-content1 li {
				position: relative;
				left: -40px;
			}

			.dropdown-content1 a {
				color: #339933!important;
			    padding: 5px 5px!important;
			    text-decoration: none!important;
			    display: block!important;
				text-shadow:none!important;
				padding-left:0px!important;
				padding-right:0px!important;
				min-width: 182px;
				padding-left:6px!important;
				font-family: 'Dosis', sans-serif;
			  font-size: 24px;
			  font-weight: bold;
			}
			
			.navbar-nav li .valt a:hover {
				background-color: #88b392!important;
				border-radius: 20px;
				color: white!important;;
				}
				
			.navbar-nav li .ero a:hover {
				background-color: #e1cdad!important;
				border-radius: 20px;
				color: #ffffcc!important;;
				}


			.dropdown1:hover .dropdown-content1 {display: block;}

			.dropdown1:hover .dropbtn1 {background-color: #3e8e41;}
}
  .fel{
	/*margin-bottom: -120px;*/
  }
  .fel .paneltartalom{
	border-top: none!important;
	padding: 0px!important;
	/*position: relative;
	top: -130px
	margin-top: -130px;*/
  }
  .paneltartalom img{
	position: relative;
	top: 130px;
	z-index: -1;
	min-height: 90px;
	min-width: 200px;
	margin-top: -130px;
  }

  /*.fel .paneltartalom 
  
  	background: url("../images/hatter.png"),url("../images/szarazsag.png");
	background-repeat: no-repeat, no-repeat;
	background-position: right bottom, left top;
  
  */
  h6{
	font-family: Verdana, sans-serif !important;
	/*color: #ffffcc !important;*/
	font-size: 26.0pt;
	background: url("../images/hatter.png") no-repeat;
	background-size:contain;
	max-height: 238px;
	background-position: center; 
	margin: auto;
    max-width: 657px;
    padding-top: 80px;   /*80*/
	padding-bottom: 30px;/*30*/
	text-align: center;
	vertical-align: middle;
  }
  
  h6 small {
		color: #38270b !important;
  }
  
  h5{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	color: #ffffff !important;
	max-height: 238px;
	margin: auto;
    max-width: 657px;
    padding-top: 80px;
	padding-bottom: 30px;
	text-align: center;
	vertical-align: middle;
  }
  .panel-body {
    padding: 15px;
        padding-top: 0px;
        padding-right: 15px;
        padding-bottom: 0px;
        padding-left: 15px;
		}

  .fel .paneltartalom h6 span{
	font-family: Verdana, Arial, Helvetica, sans-serif; !important;
  }
  .eltunik{
	display:none !important ;
  }
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
	z-index:1000;
	background-color: #337ab780;
}
  
  
  .center {
    margin: auto;
    width: 60%;
    border: 3px solid #73AD21;
    padding: 10px;
}
.responziv{
background-image:url('../images/bg.png');
background-repeat:no-repeat;
background-size:contain;
background-position:center;
}

.dropbtn {
			  background-color: #4CAF50;
			  color: white;
			  padding: 16px;
			  font-size: 16px;
			  border: none;
			}

			.dropdown {
			  position: relative;
			  display: inline-block;
			}

			.dropdown-content {
			  display: none;
			  position: absolute;
			  top: 0px;
			  left: 138px;
			  background-color: #ddd;
			  width: 220px;
			  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
			  z-index: 1;
			  list-style: none;
			  font-family: 'Dosis', sans-serif;
			  font-size: 24px;
			  border: 0px solid #297B12;
			  border-radius: 20px;
			}
			

			.dropdown-content li {
				position: relative;
				left: -40px;
			}

			.dropdown-content a {
				color: #339933!important;
			    padding: 5px 5px!important;
			    text-decoration: none!important;
			    display: block!important;
				text-shadow:none!important;
				padding-left:0px!important;
				padding-right:0px!important;
				min-width: 220px;
				padding-left:6px!important;
				font-family: 'Dosis', sans-serif;
			  font-size: 24px;
			  font-weight: bold;
			}
			
			
			.nav-sidebar li .dropdown-content a:hover {
				background-color: #5c9779!important;
				border-radius: 20px;
				color: white!important;;
				}

			.dropdown:hover .dropdown-content {display: block;}

			.dropdown:hover .dropbtn {background-color: #3e8e41;}
			

https://developer.mozilla.org/en-US/docs/Web/CSS/background-size