/* Default styles for all screen sizes (mobile-first) */
/*	https://github.com/JulietaUla/Montserrat/tree/master/fonts/webfonts	*/
@font-face {font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'),url('fonts/montserrat-regular.woff2') format('woff2'); }
@font-face {font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat Bold'), local('Montserrat-Bold'),url('fonts/montserrat-bold.woff2') format('woff2'); }
/* Global styles reset */
html, body, button, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
 footer, header, hgroup, menu, nav, section, time
 {margin: 0; 	padding: 0; 	border: 0; 	font-size: 100%; 	font: inherit; 	vertical-align: baseline; }
article, aside, footer, header, hgroup, menu, nav, section {display: block; }
ol, ul {list-style: none; }
table {border-collapse: collapse; 	border-spacing: 0; }
button, 
main a {text-decoration-thickness: 0.02em; text-underline-offset: 0.3em; }

* {margin: 0; padding: 0; box-sizing: border-box; }
/* em for margins */
h1, h2, h3 {font-family: 'Montserrat', Verdana, Geneva, sans-serif; font-size: 125%; color: #003E51; font-weight: 700; }
h1 {font-size: 2rem; }
h2 {font-size: 1.8rem; }
h3 {font-size: 1.5rem; }
.fsizep {font-size: 1.2rem; }
h1, h2, h3 {margin-top: 1em; 	 margin-bottom: 0.5em; }
body {
line-height: 1.6; 
font-family: 'Montserrat', Verdana, Geneva, sans-serif; font-style: normal; font-weight: 400; 
background: white; 
color: #414141; 
}
body.no-scroll {overflow: hidden; }
.skip {color: #00374d; }
#dimoverdiv, #sidemenucontainerdiv, #dropdowcontainer {display: none; }
#dimoverdiv {cursor:pointer; background-color:rgba(0,0,0,0.5); }
#scrollToTopButton {font-size: 1.2rem; border:none; background-color: #8399a4; color: white; cursor: pointer; opacity:0.9; width:3em; height:2em; }
#scrollToTopButton:hover {background-color: #8399a4; color:white; 		 }
#scrollToTopButton:focus {outline: solid 2px #00374d; }
#scrollToTopButton {position:fixed; z-index:1; display: none; }
/* #searchResUL z-index:1 */
/*.asw-menu-btn link href z-index:1 */
/* .skip:focus {position: fixed; z-index:1; } */
.dropdown-content {position: absolute; z-index:2; }
#sidemenucontainerdiv {position:fixed; z-index:3; }
#dimoverdiv {position:fixed; z-index:9; }


.aswidgethint {display:none; position: fixed; z-index:1; left: 0em; top: 0em; padding:0.8em; width: 25em; height: 3em; background-color:#e8f3fd; }

.breakafter::after {content: "\A"; white-space: pre; }

.sectionspacer {margin-bottom: 6em; }
.vert-spacertop {margin-top: 2em; }
.vert-spacerbotoveride {margin-bottom: 0em!important; }
.vert-spacer {margin-top: 2em; margin-bottom: 2em; }
.vert-spacer-large {margin-top: 6rem; margin-bottom: 6rem; }
.spacer-height {min-height:16rem; margin-top: 2em; margin-bottom: 2em; }
.dimf-hr-pacer {height:30px; border-radius: 0 0 50px 0; border-width:1px; background-color:white; color:#f4faf5; border-top: none; border-left: none; }
.bb {font-weight: 700; }
.margBot2em {margin-bottom:2em; }
.margTopBot2em {margin-top:2em; margin-bottom:2em; }
p {margin: 0 1em; }
.listdisc {list-style-type: disc; }


/* quick search */
#searchResUL li,
.hidden-tag-span,
#no-results {display: none; }

#searchResUL {list-style-type: none; position: absolute; top: 0em; left: 0em; width: 100%; height: auto; background-color: white; 	z-index: 1; }
#searchResUL li a {
 background-color: rgba(244, 248, 236, 0.3); 
 padding: 0.7em; 
 text-decoration: none; 
 font-size: 1.2rem; 
 color: #003145; 
 display: block; 
}
 
#searchResUL li a:hover,
#searchResUL li a:focus
 {background-color: #e8f5e9; color: #00121a; }

#no-results {background-color: white; text-align: center; }
#no-results p {text-indent: 1em; padding: 0.6em; font-size: 1.025rem; line-height:1.6em; }
#search-kontainer-div {position: relative; }
/* quick search end */
main section {margin-top: 2em; }



.f1table {border-collapse: collapse; width: 100%; }
.f1table th, .f1table td {padding: 10px; text-align: left; border: 1px solid #ddd; }
.f1table th {background-color: #f2f2f2; font-weight: 700; }
.f1table tr:hover {background-color: #e8f5e9; }
.table-container-width-1 {max-width:95%; overflow-x: auto; }
.centerbl {margin-left: auto; margin-right:auto; }
.szov-be {margin-left: 3em; margin-right:3em;  }
.div-pad-be {padding-left: 2em;}
.landingh3r h1 {text-align:center; margin-left:auto; margin-right:auto; }

.mnav-link {color: #003145; 	 text-decoration: none; 	 padding: 20px 20px 10px 20px; margin-bottom:-10px; 	font-size: 1.2rem; }
.mnav-link:focus, .mnav-link:hover {color: #00121a; 	background-color: rgba(223, 238, 252, 0.3)}
.m4link svg {display:block; fill: #003145; margin-top:1em; margin-bottom:1em; margin-left: auto; margin-right:auto; zoom:150%;}
#landh1 {text-align: center; margin-top:1em;}

.land-space-hr-less {background-color: #003145; height: 3px;  }
.land-space-hr-less {display:none;  }

.ajanlo-gr h3 {margin-bottom: 0; }
.ajanlo-gr { height:6em; background-color: rgba(240, 246, 230, 0.3); padding:0.3em; margin-bottom: 0.5em;}

#advs-bl-overd {display:block!important;}


@media (max-width: 319px) {
img, #sidemenucontainerdiv, #dropdowcontainer, .dropdown, .camp-poster-imgcont-div {display: none; }

.land-space-hr-less {display:block;  }
.m4link a {display: block;  }
.AdvSearchInput, 
.search-bar input {font-family: 'Montserrat', Verdana, Geneva, sans-serif;  font-size: 1em; width: 100%; height: 2.3em; padding: 0.5em; border-radius: 4px;  border: 1px solid #e3e3e3; padding-left: 2em; }
.search-container {width: 95%; padding-top: 1em; padding-bottom: 1em; position: relative;  min-height: 40px; margin-left:auto; margin-right:auto;}



h1, h2, h3 {font-size: 100%; margin:1em; }
h1 {font-size: 1.4rem; }
h2 {font-size: 1.2rem; }
h3 {font-size: 1.1rem; }
nav button {padding: 6px; margin:6px; margin-left:12px; min-height:3em; cursor: pointer; }
#scrollToTopButton {position: fixed; bottom: 1px!important; right: 1px!important; height:2em; opacity:0.5; }
#sidemenucontainerdiv a,
	.dropdown-content a {display:inline-block; margin-bottom:0.2em; min-width:60%; margin-left:12px; }
#sidemenucontainerdiv {background-color:white; width:100%; height:100%; position:static!important; top:1em; left:0; overflow:auto; padding-left: 0.2em; padding-bottom:3em; 	}	
.sidemenutitlehrf {color:black; text-decoration-style:dotted; padding-left:1.4em; margin-top:0.3em; }
.overlmenusvg {width:1.4em; height:1.4em; vertical-align:bottom; }
	.dropbtn:after {background-image: url(imgs/drpdown.svg); background-size:cover; width: 0.9em; height: 0.5em; display: inline-block; content: ''; background-color:black; }
.contact-link { text-align:right; margin:2em; }
.landingCardContnr a {display: inline-block; width:90%; margin-left: 4%; text-align:center; margin-bottom:1em; }


.mnav-link {padding: 10px 12px 10px 12px; 
display:block; 
margin-top: 1.5em;
width: 90%; 
font-size: 1.0rem;
line-height:1.3;
font-weight: 700;
text-align:center;
}

.m4span {font-size: 0.9rem; display:block; margin-top: 0.7em; /*width: calc(90% - 24px);*/ width: 100%;  font-weight: 400;
}


main section, .top-banner {padding:1.2em; }
.skip {display:inline-block; margin-left: 1.2em; }
.language-selector {float:right; }

footer a {color:white; text-decoration: none; } 
footer a:focus,
footer a:hover {text-decoration: underline; }
footer {background-color: #003145; color: white; padding:5em 1em; }
.foohi {padding-bottom: 15px; color: white!important; }
.footer-section ul {list-style: none; }
.footer-section ul li {margin-bottom: 10px; }
footer svg {fill: white; display:inline-block; margin-right: 0.5em; line-height: 2; top: .2em; position: relative; 		}
footer path {fill: white; 	}
.closesidemenubtn {display: block; float:right; font-size:16px; padding-top:0px; width:110px; height:2px!important; margin-top: -54px; cursor: pointer; }
nav:has(#opensidemenubtn:hover) .closesidemenubtn {background-color:lightgrey; }
nav:has(.closesidemenubtn:hover) #opensidemenubtn {background-color:lightgrey; }


} /* end of media-max-width-319*/






@media (min-width: 320px) {



.mnav-link {padding: 10px 12px 10px 12px; 
display:block; 
margin-top: 1.5em;
width: 90%; 
font-size: 1.0rem;
line-height:1.3;
font-weight: 700;
text-align:center;
}

.m4span {font-size: 0.9rem; display:block; margin-top: 0.7em; /*width: calc(90% - 24px);*/ width: 100%; font-weight: 400; }



.dropdown {display: none; }

h1, h2, h3 {font-size: 100%; margin:1em; }
h1 {font-size: 1.4rem; }
h2 {font-size: 1.2rem; }
h3 {font-size: 1.1rem; }
.skip {position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.skip:focus {position: fixed; left: 0.8em; top: 0.8em; width: 12em; height: 1.5em; background: #e8f3fd; background-color:#e8f3fd; outline-offset: 0.01em; outline-style: outset; outline-width: 1em; outline-style: solid; outline-color: #e8f3fd; text-decoration-thickness: 0.02em; text-underline-offset: 0.3em; }

.top-banner { background-color: white; padding-top: 10px; padding-bottom: 10px; display: flex; justify-content: space-between; align-items: center; }
.top-banner p {margin-left:0px;}
.langsel {background-color: white; color: #003145; 	 }
button.langsel {color: #003145; text-decoration: underline; text-decoration-style: dotted; /* text-underline-offset: 0.1em; */ cursor: pointer; 	 }
.navlogomargok, 
.navmargok, 
.margok 
	{padding-left: 5%; padding-right: 5%; }
/* Main navigation */
nav button {font-family: 'Montserrat', Verdana, Geneva, sans-serif; 
font-size:1.1rem; 
background: none; 
border: none; 
color: white; 
cursor: pointer; 
padding: 0.4em 0; 
height: 2em; 
}
.main-nav {
height: 3.2em; 
background-color: #003145; 
padding-top: 0.2em; padding-bottom: 0.2em; 
display: flex; 
justify-content: space-between; 
align-items: center; 
}
.overlmenusvg {width:1.4em; height:1.4em; display:inline-block; vertical-align: bottom; margin-bottom:0.1em; }
#opensidemenubtn {display: inline-block; padding-right: 0.5em; }
#sidemenucontainerdiv a:focus,
#sidemenucontainerdiv a:hover,
.dropdown-content a:focus,
.dropdown-content a:hover {
background-color: #e8f5e9; outline: solid 1px #003145; }
#sidemenucontainerdiv a {color:#003145; background-color: rgba(240, 246, 230, 0.3); width:80%; padding:0.2em 0.5em; display:block; text-decoration:none; font-size:1rem; margin-left:10px; transition: background 0.2s; }
#sidemenucontainerdiv {width:100%; height:100%; background-color:white; position:fixed!important; top:0; left:0; overflow:auto; padding-left: 1em; padding-bottom:5em; 	}
.sidemenutitlehrf {color:white!important; margin-top: 1em; background-color: #003145!important; color:white!important; text-indent:0em!important; }
.sidemenutitlehrf:focus,
.sidemenutitlehrf:hover {background-color: #003145!important; color:#e8f5e9!important; outline:solid 2px yellow; outline-offset:3px; }
#dimoverdiv {top:0; right:0; height:1px; width:1px; 	left: -10000px; overflow: hidden; 		}
.closesidemenubtn {color: #003145; font-size: 3rem; position:fixed; top: 0em; right: 0.2em; padding: 0px!important; height:3rem!important; margin-top: 0px!important; }

#landing-bg-img {background-image: url("imgs/lwnding-bg-img.jpg"); background-position:center top; background-repeat: no-repeat; background-size: 500px 196px; height:100px;}	
#landing-bg-img {background-size:cover;}	

/* Search bar & container */

.AdvSearchInput, 
.search-bar input {font-family: 'Montserrat', Verdana, Geneva, sans-serif; 
font-size: 1em; width: 100%; height: 2.3em; padding: 0.5em; border-radius: 4px; 
background: url('imgs/search-icon.svg') white; background-position-x: 0.95em; background-position-y: 50%; background-size: 1.35em; background-repeat: no-repeat; 
box-sizing: border-box; border: 1px solid #e3e3e3; padding-left: 3em; }

.search-container {width: 100%; padding-top: 1em; padding-bottom: 1em; position: relative; box-shadow:0 3px 3px rgba(50, 50, 50, 0.3); border-bottom: 10px solid white; min-height: 40px; }
.shadw {width: 100%; position: relative; box-shadow:0 3px 3px rgba(50, 50, 50, 0.3); border-bottom: 10px solid white; min-height: 60px; }

.contact-link { text-align:right; margin:2em; }


.landingh3r { padding-top: 20px; padding-bottom: 20px; }

.landingCardContnr a {font-size:1.2em; background: white; padding: 15px; border-radius: 8px; text-decoration: none; color: #003145; text-align: center; 
display: flex; align-items: center; justify-content: center; 
box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
/* min-height: 1em; */
margin-bottom:1em; 

}
.landingCardContnr a:focus,
.landingCardContnr a:hover {color: #003149; outline: solid 2px #00374d; text-decoration: underline; }
/* Main content */
main section {border-top:solid 1px #f4faf5; }
main section img {width: 100%; height: auto; }
#main {padding-bottom: 4em; }
main a {color: #00121a; text-decoration:underline; text-decoration-style: dotted; /* text-underline-offset: 0.1em; */ }	
main a:focus, main a:hover {color: #00374d; }
main ul li {margin-bottom: 1.1em; line-height: 1.6em; padding-left: 1em; }
main section {padding:0.3em 0.3em 6.2em 0.3em; }

.camp-poster-imgcont-div {width: 100%; height:auto; padding: 3em; }


.oldveg-kep-contain {display: block; width: 100%; height: auto; 	}
.oldveg-kep {margin: 30px auto; 	width: auto; background-image: url("imgs/kfenyedcimer.png"); background-size:auto; height:120px; background-position:center bottom; background-repeat: no-repeat; opacity: 0.7; }	
.flexWrapContainer {display: flex; flex-wrap: wrap; }


.felflexoszlopSmTb {flex: 100%; padding-left: 0.5em; padding-right: 0em; box-sizing: border-box; }
.felflexoszlopMin600 {flex: 100%; padding: 2rem; box-sizing: border-box; }
.felflexoszlopMin768 {flex: 100%; padding: 1.5rem; box-sizing: border-box; }
.felflexoszlopMin950 {flex: 100%; padding: 1rem; box-sizing: border-box; }
#scrollToTopButton {bottom: 15px!important; right: 15px!important; width:3em; height:2em; opacity:0.5; 	padding: 6px 2px; 	border-radius: 6px; }
/* Footer */
footer a {color:white; text-decoration: none; } 
footer a:focus,
footer a:hover {text-decoration: underline; }
footer {background-color: #003145; color: white; max-width:100%; min-height:50px; }
footer {padding:5em 1em; }
.foohi {padding-bottom: 15px; }
.foohi a {margin:1em; color: white; font-weight: 700; font-size: 1.2rem; }
.footer-section ul {list-style: none; }
.footer-section ul li {margin-bottom: 10px; }
footer svg {fill: white; display:inline-block; margin-right: 0.5em; line-height: 2; top: .2em; position: relative; } footer path {fill: white; 	}

}/* end of media-min-width-320	*/




@media (min-width: 400px) {
#landing-bg-img { background-size: 600px 235px; height:140px;}	
#landing-bg-img {background-size:cover;}	
.landingCardContnr {margin-left:0.8em; }
.footer-section ul li:not(.foohi) {padding-left: 2em; }

}/* end of media-min-width-400	*/
@media (min-width: 500px) {

#landing-bg-img { background-size: 600px 235px; height:180px;}	
#landing-bg-img {background-size:cover;}	







.m4link a {display: block; }
div.m4link {display: flex; flex-wrap: wrap;	justify-content: space-between; }
.mnav-link {padding: 10px 12px 10px 12px; 
display:block; 
margin-top: 1.5em;
width: calc(50% - 24px); height: 18rem;
font-size: 1.0rem;
line-height:1.3;
font-weight: 700;
text-align:center;

}

.m4span {font-size: 0.9rem; display:block; margin-top: 0.7em;  width: 100%; height: 6rem; font-weight: 400; }






.footer-section ul li:not(.foohi) {margin-left: 3em; }

.landingCardContnr {display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; margin-left:0; }
.landingCardContnr h1 {grid-column: 1/span 2; text-align:center; max-width: 80%; margin-left: auto; margin-right: auto; }


}/* end of media-min-width-500	*/
@media (min-width: 600px) {

#landing-bg-img { background-size: 768px 300px; height:200px;}	
#landing-bg-img {background-size:cover;}	

#sidemenucontainerdiv {width:65%; }
#dimoverdiv {top:0; right:0; left:64%; height:100%; 	width: 36%; 	}
.closesidemenubtn {position:fixed; top: 0em; right: 37%; }
.footer-section ul li:not(.foohi) {margin-left: 4em; }
footer {padding:5em 2em; }

.NOtwotablisthrefsinul a, 
.NOtwotablistinul {margin-left: 4em; }
.li-more {margin-left: 2em; }
.p-indent1 {text-indent: 2em; }
.p-indent2 {text-indent: 4em; }


.felflexoszlopMin600 {flex: 50%; }
.felflexoszlopSmTb {flex: 50%; max-width: 15em; }
.flexWrapContainer>.felflexoszlopSmTb:first-child {margin-left: 2em; }
.felflexoszlopSmTb:nth-of-type(2) {max-width: 16em; }

.flexWrapContainer:has(.felflexoszlopSmTb):nth-of-type(2)>.felflexoszlopSmTb,
.flexWrapContainer:has(.felflexoszlopSmTb):nth-of-type(3)>.felflexoszlopSmTb {position: relative; }
.flexWrapContainer:has(.felflexoszlopSmTb):nth-of-type(2)>.felflexoszlopSmTb::before,
.flexWrapContainer:has(.felflexoszlopSmTb):nth-of-type(3)>.felflexoszlopSmTb::before {content: ""; position: absolute; top: -1em; left: 0; width: 100%; height: 1px; background-color: #dcefdf; }



.flexWrapContainer>.felflexoszlopSmTb:not(:first-child) {padding-top: 1.4em; }



}/* end of media-min-width-600	*/
@media (min-width: 650px) {

.navlogomargok, 
.margok 
	{padding-left: 5%; 	padding-right: 5%; }
.navmargok 	{padding-left: 2%; 	padding-right: 2%; }


.mnav-link {padding: 10px 12px 10px 12px; 
display:block; 
margin-top: 1.5em;
width: 9rem; height: 18rem;
font-size: 0.9rem;
line-height:1.3;
font-weight: 700;
text-align:center;
}

.m4span {font-size: 0.8rem; display:block; margin-top: 0.7em; /*width: calc(9rem - 24px); */ width: 100%; height: 6rem; font-weight: 400; }




.sidemenutitlehrf {padding-left:2em!important; }
#sidemenucontainerdiv a:not(.sidemenutitlehrf) {padding-left:3em; }
}/* end of media-min-width-650	*/
/* Styles for screens 768px and wider (tablets and up) */
@media (min-width: 768px) {



.dropdown {position: relative; display: inline-block; margin-left: auto; }	
.dropbtn:after {background-image: url(imgs/drpdown.svg); background-size:cover; width: 0.9em; height: 0.5em; display: inline-block; content: ''; }
.dropbtn {padding-left: 0.5em; background-color: #003145; color: white; border-radius: 4px 4px 0 0; }
.dropdown-content {
position: absolute; 
right:2px; top: 2.6em; 
background-color: white; 
min-width: 13em; 
box-shadow: 0 8px 16px rgba(0,0,0,0.1); 
border-radius: 0 0 10px 10px; 
overflow: hidden; 
padding-bottom:1.5em; 
}
.dropdown-content a {
color: #003145; 
padding: 12px 16px; 
text-decoration: none; 
display: block; 
transition: background 0.2s; 
}


#landing-bg-img { background-size: 1200px 469px; height:240px;}	
#landing-bg-img {background-size:cover;}	

.navlogomargok, 
.margok 
	{padding-left: 6%; 	padding-right: 6%; }
.navmargok 	{padding-left: 2%; 	padding-right: 2%; }
	
.landingCardContnr {padding-bottom: 3em; }
main section {padding:0.9em 0.9em 6.2em 0.9em; }

.flexWrapContainer>.felflexoszlopSmTb:first-child {margin-left: 5em; }

#scrollToTopButton {position: fixed; bottom: 30px; right: 30px; 
	padding: 6px 18px; 
	border-radius: 6px; 
}
/* Search bar & container */
.search-container {display: flex; justify-content: space-between; align-items: center; }
.search-bar {width: 50%; flex: 0 0 20em; padding: 0; }
/*	.contact-link {display: flex; }	*/
.contact-link { margin:0em; }
.contact-link a {color: #003145; text-decoration: none; }
.contact-link a:focus, .contact-link a:hover {color: #003145; text-decoration: underline; outline-offset: 3px; 	 }

.felflexoszlopMin768 {flex: 50%; }














.mnav-link {padding: 10px 12px 10px 12px; 
display:block; 
margin-top: 1.5em;
width: 11rem; height: 18rem;
font-size: 1.2rem;
line-height:1.3;
font-weight: 700;
text-align:center;
}

.m4span {font-size: 1.0rem; display:block; margin-top: 0.7em;  
width: calc(11rem - 24px); height: 6rem; font-weight: 400;
}

.search-bar {width: 70%; margin-left:auto; margin-right:auto; margin-top:1em; padding: 0; }










/* Footer */
footer {display: grid; grid-template-columns: repeat(auto-fit, minmax(14em, 1fr)); gap: 3em; }
.footer-section ul li:not(.foohi) {margin-left: 1em; }

}/* end of media-min-width-768	*/
@media (min-width: 950px) {

#landing-bg-img { background-size: 1200px 469px; height:250px;}	
#landing-bg-img {background-size:cover;}	
.main-nav {position: relative; }
.main-nav::before {
 content: ""; 
 position: absolute; 
 top: -30px; 
 left: calc(9% - 55px); 
 width: 110px; 
 height: 110px; 
 background-size: 49%; 
 border-radius: 50%; 
 background-color:white; 
 background-image: url("imgs/kfenyedcimer.png"); 
 background-position-y: center; 
 background-position-x: 50%; 
 background-repeat: no-repeat; 
 border: solid 1px #DFEEFC; 
}




.navlogomargok {padding-left: 17%; 	padding-right: 7%;  }
.navmargok {padding-left: 7%; 	padding-right: 7%;  }
.margok {padding-left: 9%; 	padding-right: 9%;  }


h1, h2, h3 {margin:1em; }
h1 {font-size: 1.8rem; }
h2 {font-size: 1.4rem; }
h3 {font-size: 1.2rem; }


#sidemenucontainerdiv {width:50%; }
#dimoverdiv {top:0; right:0; left:50%; height:100%; 	width: 50%; 	}
.closesidemenubtn {position:fixed; top: 0em; right: 52%; }
.search-bar {width: 60%; flex: 0 0 30em; padding: 0; }


/*	.m4link {display: flex; 	justify-content: space-between; }	*/




.mnav-link {padding: 10px 12px 10px 12px; 
display:block; 
margin-top: 1.5em;
width: 12rem; height: 18rem;
font-size: 1.2rem;
line-height:1.3;
font-weight: 700;
text-align:center;
}

.m4span {font-size: 1.0rem; display:block; margin-top: 0.7em; 
width: calc(12rem - 24px); height: 6rem; font-weight: 400;
}

.search-bar {width: 70%; margin-left:auto; margin-right:auto; margin-top:1em; padding: 0; }


.grid4x4 {display: grid; grid-template-columns: repeat(3, 1fr)!important; gap: 25px; margin-left:0; margin-top: 0px; }
.grid4x4 h1 {grid-column: 1/span 3; text-align:center; }
.landingCardContnr a {min-height: 5em; }
/*.landingCardContnr a:nth-of-type(1) {margin-top: 0em; }*/

main section {padding:1.2em 1.2em 6.2em 1.2em; max-width: 100%; }
.camp-poster-imgcont-div {padding: 4em 20%; }
.felflexoszlopMin950 {flex: 50%; }
.table-container-width-1 {max-width:90%; overflow-x: auto; }














}/* end of media-min-width-950	*/
/* Styles for screens 1200px and wider (desktops and up) */
@media (min-width: 1200px) {
.navlogomargok, .navmargok {padding-left: 14%; 	padding-right: 14%; max-width: calc(2140px + 28%); }
.margok {padding-left: 18%; 	padding-right: 18%; max-width: calc(2140px + 28%); }
/* navmargok override*/
#land-cardhold { margin-left:auto; margin-right:auto; padding-left: 0; 	padding-right: 0; max-width: 72em;
 box-shadow: none!important; }
.land-space-hr-less {display:block;  }



.oldveg-kep-contain, 
footer {max-width: calc(2140px + 28%); }
.skip:focus {position: fixed; z-index:1; }





#landing-bg-img { background-size:auto; height:285px;}	
#landing-bg-img {background-size:cover;}	



#landing-bg-img>.landingCardContnr {display: grid; grid-template-columns: repeat(6, 1fr)!important; gap: 25px; margin-left:0; margin-top: 485px; }
#landing-bg-img>.landingCardContnr a {min-width:10em; }


.main-nav {position: relative; }
.main-nav::before {
 content: ""; 
 position: absolute; 
 top: -30px; 
 left: calc(9% - 55px); 
 width: 110px; 
 height: 110px; 
 background-size: 49%; 
 border-radius: 50%; 
 background-color:white; 
 background-image: url("imgs/kfenyedcimer.png"); 
 background-position-y: center; 
 background-position-x: 50%; 
 background-repeat: no-repeat; 
 border: solid 1px #DFEEFC; 
}


#sidemenucontainerdiv {width:40%; }



#dimoverdiv {top:0; right:0; left:40%; height:100%; 	width: 60%; 	}
.closesidemenubtn {position:fixed; top: 0em; right: 62%; }

#scrollToTopButton {position: fixed; bottom: 40px!important; right: 12%!important; 
	padding: 6px 18px; 
	border-radius: 6px; 
}
.search-container {margin-bottom: 0px; padding-bottom: 0px; }

.landingh3r {display: flex; gap: 20px; align-items: flex-start; 	flex: 0 0 35%; 		}



/* Search bar & container */
.search-container { padding-top: 1em; padding-bottom: 1em; }
.AdvSearchInput, 
.search-bar input {font-family: 'Montserrat', Verdana, Geneva, sans-serif; font-size: 1em; height: 2.3em; padding: 0.5em; border-radius: 4px; 
background: url('imgs/search-icon.svg') white; background-position-x: 0.95em; background-position-y: 50%; background-size: 1.35em; background-repeat: no-repeat; 
box-sizing: border-box; border: 1px solid #e3e3e3; padding-left: 3em; }
.search-container {width: 100%; position: relative; box-shadow:0 3px 3px rgba(50, 50, 50, 0.3); border-bottom: 10px solid white; min-height: 40px; }
.search-bar {width: 70%; margin-left:auto; margin-right:auto; margin-top:1em; padding: 0; }












.mnav-link {padding: 10px 12px 10px 12px; 
display:block; 
margin-top: 1.5em;
width: 16rem; height: 18rem;
font-size: 1.2rem;
line-height:1.3;
font-weight: 700;
text-align:center;
}

.m4span {font-size: 1.0rem; display:block; margin-top: 0.7em; 
width: calc(16rem - 24px); height: 6rem; font-weight: 400;
}



/*
.landingCardContnr {max-width:45%; }
*/

.landingCardContnr a {min-width:10.5em; }
.grid3x3 {display: grid; grid-template-columns: repeat(3, 1fr)!important; gap: 25px; margin-left:0; margin-top: 50px; }
.grid3x3 h1 {grid-column: 1/span 3; text-align:center; }
.grid4x4 {display: grid; grid-template-columns: repeat(4, 1fr)!important; gap: 25px; margin-left:0; margin-top: 0px; }
.grid4x4 h1 {grid-column: 1/span 4; text-align:center; }

.AdvSearchInput {font-size: 1.5em; width: 100%; height: 2.3em; padding: 0.8em; padding-left: 3em; }

	/* to prevent too long lines -- main section */	
section	{max-width: 50em; }
main section ul li {margin-left: 4em; }
main section ul li:has(h3) {margin-left: 1.1em; }
.li-more {margin-left: 5.5em; }

.table-container-width-1 {max-width:35em; overflow-x: auto; }


/*
.listdisc li {padding-left: 0em; margin-left: 4em; }
*/
footer {padding:5em 4em; }

}/* end of media-min-width-1200	*/


@media (min-width: 1378px) {


#landing-bg-img {background-size:cover;}	


}/* end of media-min-width-1378	*/	
