/* Restrict Cookiebot banner size */
#CybotCookiebotDialog {
  max-height: 200px !important;
  overflow-y: auto !important;
  top: auto !important;
  bottom: 0 !important;
}




* {
		font: 20px  Gill Sans, sans-serif;

 }
 
  html {
	 scroll-behavior: smooth;
}



#header{
	 width: 60%;
	 position:relative;
	 left:5%;
	bottom:-20px;;
	 
	 
 }
 body: {
	 
 }
 
 h1{
	font: 45px  Gill Sans, sans-serif;
	text-align: center;
	color:hsl(15,100%,35%);
	 
 }
 
 a{
	 
	 text-align :middle;
	 text-decoration:none;
	 color:black;
 }

button{
	border-radius: 15px;
    background-color:rgba(255, 255, 255, 0.1);
	vertical-align:middle;
	border: none;
  
 
  
	cursor: pointer;

}

.wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}


 .grid-container {
	 position:absolute;
	 top:0px;
	
      display: grid;
      grid-template-columns: repeat(2, 1fr); /* 2 egyforma széles oszlop */
      gap: 10px; /* távolság a dobozok között */
	   padding: 20px;
/*     

	
      max-width: 600px;*/
      margin: 0 auto;
    }

    .box {
		/*
      background-color: #4caf50;
      color: white;
     
	 padding: 30px 0;
	 
      text-align: center;
      font-size: 24px;
      border-radius: 8px;
      font-family: sans-serif;
	  */
	  }
	  
	.border{
		
	padding:10px;
	background-color:rgba(255, 255, 255, 0.7);
	box-shadow:   0.5em 1em 1em rgba(0, 0, 0, 0.2);
	border:2px solid black;
	border-radius: 25px;}
.fadeIn {
  opacity: 0;
  transform: translateY(20px); /* kis csúszás lentről */
  transition: opacity 1s ease, transform 1s ease;
}

.fadeIn.visible {
  opacity: 1;
  transform: translateY(0);
}

.language-selector {
		display: flex;
		position: relative;
       left:15%;
	  
}

.flag-icon {
  width: 25px;
  height: 25px;
  cursor: pointer;
  padding:8px;
  
}

.inactive {
  display: none;
}

.right {
	display: flex;
	justify-content: flex-end;
}	

.center {
	display: flex;
	justify-content: center;
}
	 #navigation{
		  display: grid;
			/*
	z-index:1;
	top:50px;
	left:50%;
	transform: translate(-50%, -50%);*/
            
	
		 }
#main {
	
	
	 background-image: url("img/fakirtattoo-foodog-bg.webp");
	background-repeat: no-repeat;
	background-size: 70% ;
	background-position: 20% -10px;  
	height: 80vh; 
}	
	
	#menu-icon{
		display:none;
		cursor: pointer;
	}
	
	 #menu-content{

		
	/*
	visibility: visible;
	*/
	text-align:center;	
	background-color:rgba(255, 255, 255, 1);
	
	display: grid;
	
	
	
	width:150px;
	height:150px;
}

#social{
   
	border:none;

	width:210px;
	display: flex;
	justify-content:flex-end;
}

img#ins{
	
	width:50px;
	padding: 5px;
  
	right: right;
}

img#fb{
	
	width:50px;
	padding: 5px;
  
	right: center;
}

img#fbm{
	object-fit: contain;
	width:50px;
	
	padding: 5px;
	right: left;
}


 img.phone{
	display:inline;
	width: 25px;
	vertical-align:-4px;
	
 }



#foglal {
	color:hsl(15,100%,35%);
	font: 30px  Gill Sans, sans-serif;
	font-weight: bold;
	padding:0px 40px;
}

#terkep-box{
	padding:20px;
}
#terkep{
	
	
}

 #foot {
		 
		 
		color:hsl(0,100%,40%);
		
		
		 
	 }

		

/* Basic styles */
.hamburger {
  display: none;
  font-size: 30px;
  cursor: pointer;
}

.menu {
  display: block;
}

/* On small screens: hide menu, show hamburger */
@media (max-width: 600px) {
  
  
	
	    .grid-container {
     
      grid-template-columns: 1fr; /* 2 egyforma széles oszlop */
     
    }
	
	
	#menu-icon{
		display: block;
		cursor: pointer;
	}
	
	 #menu-content{
		 display: none;
		
	background-color: transparent;
	box-shadow:  none;
	border:none;
	
	 }
	 
	 
	 #menu-content.active {
    display: grid;
	padding:10px;
	background-color:rgba(255, 255, 255, 0.7);
	box-shadow:   0.5em 1em 1em rgba(0, 0, 0, 0.2);
	border:2px solid black;
	border-radius: 25px;}
	}
	 
	 #foot {
		 
		 
	
	 }
}