body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: linear-gradient(#fff9f7, #e7bda5); 
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
}


  
/*Navbar */
.nav-item a:hover{
	color:#d86d2d;
} 
 
.nav-item{
	margin-right:20px;
}

.navbar-toggler{
	margin-right:15px;
}

.navbar-toggler:focus,
.navbar-toggler:active {
  box-shadow: none !important;
  outline: none !important;
}

.navbar-custom {
  background-color: white;
}

.navbar-nav .nav-link {
  color: black;
  font-weight: bold;
  padding: 10px 15px;
}

@media (max-width: 991px) {
  .navbar-nav {
    text-align: center;
  }
  
  .navbar-nav .nav-item {
    display: block;
    width: 100%;
  }
}
/*Navbar vége*/

  
  
#page-container {
  position: relative;
  min-height: 100vh;
}  
  
 .container{
    margin-bottom: 25px;
 }
	
  
 h3{
	margin: 25px 0px;
 }
  
 #kalkGomb {
	margin: 20px auto;
 }
  
#valasz{
	visibility:hidden;
}

#cim{
	text-align:center;
	padding-top:35px;
	padding-bottom:40px;
	font-weight:bold;
	color: black;
	font-family:EB Garamond;
	font-weight:bold;
}

#leiras{
	font-family:Georgia;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	font-size:125%;
}

#urlap:hover{
	background-color:#dedede;
}

#urlap{
	margin-bottom:20px;
	margin-top:30px;
	font-family:Courier New;
	font-weight:bold;
	font-size: 110%;
	width:45%;
}

#tajekoztato{
	margin-bottom:20px;
	margin-top:0px;
	font-family:Courier New;
}

#tajekoztato:hover{
	background-color:#eaeaea;
}

#urlaputan{
	font-size:20px;
	font-style:italic;
}

#adatkezeles{
	font-size:18px;
}

.ft{
   position:sticky;
   top:100%;
   background-color:white;
}
  
.kikapcs{
	text-align: center;
	color: white;
}

.copy{
	color: white;
}

#nyitvatartas{
    text-align:center;
    font-weight:bold;
}

.sor{
  margin:auto;
  width: 50%;
  text-align:center;
}

.sor ul {
  display: inline-block; 
  text-align: left;
  list-style-position: inside;
  padding-left: 0;
}

.kozepre {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 75vh;
  text-align: center;
}



.button-84 {
  align-items: center;
  background-color: initial;
  background-image: linear-gradient(#d69269, #b57047);
  border-radius: 8px;
  border-width: 0;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .1),0 3px 6px rgba(0, 0, 0, .05);
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  font-family: "Courier New";
  font-weight:bold;
  font-size: 105%;
  height: 50px;
  width:40%;
  justify-content: center;
  line-height: 1;
  outline: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  transform: translate3d(0, 0, 0);
  transition: all 150ms;
  vertical-align: baseline;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  margin-top:50px;
  margin-bottom:30px;
}

.button-84:hover {
  box-shadow: rgba(0, 1, 0, .2) 0 2px 8px;
  opacity: .85;
}

.button-84:active {
  outline: 0;
}

.button-84:focus {
  box-shadow: rgba(0, 0, 0, .5) 0 0 0 3px;
}





@media (max-width: 768px) {
	.sor{
	  margin:auto;
	  width: 75%;
	  text-align:center;
	}
	
	#leiras{
	  font-family:Georgia;
	  margin-top:20px;
	  margin-bottom:15px;
	  text-align:center;
	  font-size:90%;
	}
	
	#cim{
	text-align:center;
	padding-top:35px;
	padding-bottom:20px;
	font-weight:bold;
	font-family:EB Garamond;
	color: black;
	}
	
	#adatkezeles{
		font-size:14px;
	}
	
	#info{
		font-size:75%;
		text-align:justify;
	}
	
	#urlap{
		margin-bottom:20px;
		margin-top:30px;
		font-size:85%;
		width:85%;
		font-family:Courier New;
		font-weight:bold;
	}
	
	#tajekoztato{
		margin-bottom:20px;
		margin-top: 0px;
		font-size:70%;
		width:70%;
		font-family:Courier New;
		font-weight:bold;
	}
	
	#urlaputan{
		font-size:13px;
		font-style:italic;
	}
	
	.button-84 {
	  align-items: center;
	  background-color: initial;
	  background-image: linear-gradient(#d69269, #b57047);
	  border-radius: 8px;
	  border-width: 0;
	  box-shadow: 0 10px 20px rgba(0, 0, 0, .1),0 3px 6px rgba(0, 0, 0, .05);
	  box-sizing: border-box;
	  color: #fff;
	  cursor: pointer;
	  display: inline-flex;
	  flex-direction: column;
	  font-family: "Courier New";
	  font-weight:bold;
	  font-size: 110%;
	  height: 28px;
	  width:80%;
	  justify-content: center;
	  line-height: 1;
	  outline: none;
	  overflow: hidden;
	  text-align: center;
	  text-decoration: none;
	  transform: translate3d(0, 0, 0);
	  transition: all 150ms;
	  vertical-align: baseline;
	  white-space: nowrap;
	  user-select: none;
	  -webkit-user-select: none;
	  margin-top:30px;
	  margin-bottom:25px;
	}
}