body{
	background-image: url("hatter.png");
	background-position: 6% 8%;
	background-size: cover;
	background-color: black;
	background-repeat: no-repeat;
	
}



#mainNavbar .navbar-collapse{
	font-size: large;
	background-color: none;
}

@media (max-width: 750px) {
  #mainNavbar .navbar-collapse {
    background: black;
  }
}



#mainNavbar .nav-link {
    color: #E5E5E5;
    white-space: nowrap;
    display: inline-block;
    transition: all 0.3s;

}

#mainNavbar .nav-link:hover {
    color: white;
}

#mainNavbar .nav-item.active .nav-link {
   background: none;
   font-weight: 500;
   color: white;
}

.dropdown-toggle:after {
 color: white;
 margin-right: 10px;
 margin-left: 3px;
}

 .dropdown-menu {         
	max-height: 300px;
	overflow-y: auto;
}

.alsomenu{
	text-align:center;
	font-size: 1.2rem;
	margin-bottom: 1rem;
	font-weight: 500;
}

#name0{
	font-style: normal;
	font-weight: bold;
}
	

#kp0{
	display:visible;
}

#map{
	position: relative;
	width: 100em;
	height: 37em;
	margin-left: auto;
	margin-right: auto;

}

#terkepes{
	position: relative;
	width: 100%;
	height: 70em;
	overflow: auto;
	margin-left: 3rem;
	margin-right: 3rem;

}

#kp1{
display:visible;
}

#kp2{
display:visible;
}

#kp3{
display:visible;
}

#kp4{
display:visible;
}

#kp5{
display:Visible;
}

#kp6{
display:visible;
}

#kp7{
display:visible;
}

#kp8{
display:visible;
}

#kp9{
display:visible;
}

#kp10{
display:visible;
}

#kp11{
display:visible;
}

#kp12{
display:visible;
}

#kp13{
	display:none;
}

#mainText {
	background: rgba(196, 209, 198, 0.9);
	/*background: #F2F2F2;*/
	overflow: auto;
	max-height: 40em;
	opacity: 1;
}

#mainText a {
	font-weight: bolder;
	color: rgb(35, 85, 43)

}

.btn-link {
	font-weight: normal;
	color: rgb(35, 85, 43)
}

.btn-link:hover{
	font-weight: bolder;
	text-decoration: none;
	color: rgb(35, 85, 43)
}

#mainText2 {
	/*background: rgba(176,196,222,0.8);*/
	background: #F2F2F2;
	overflow: auto;
	max-height: 38rem;
	opacity: 1;
}

h3{
	font-size: 1.3rem;
}

h4{
	font-size: 1.1rem;
}

.szlogen{
	font-size: 1.2rem;
	font-style: italic;
	text-align: end ;
}

.gomb{
	align-content: center;
}
.separator{
	width: 90%;

}

.card {
	background: rgba(255,240,245,0.9);
}

.btn-dark{
	font-size: 1.2rem;
	font-family: 'Calibri', 'Times New Roman';
	margin: 2px;
}

.form-control{
	font-size: 3rem;
	font-family: 'Calibri', 'Times New Roman';
	height: 10rem;
}
.jel{
	font-family: 'Calibri', 'Times New Roman';
	font-size: 2rem;

}
.pelda{
	font-style: italic;
	font-family: 'Calibri', 'Times New Roman';
	font-size: 1.5rem;
}

.magyaraz{
	font-family: 'Calibri', 'Times New Roman';
	font-size: 1.5rem;
	font-style: normal;
}

.muhelycim{
	background: none;
	font-weight: 500;
	color: white;
	text-align: center;
}

.celszo{
	font-weight: 550;
	color: rgb(255, 240, 86);
}

#kiskep{
	max-width: 25%;
	height: auto;

}