html,body			{height: 100%; scroll-behavior: smooth;}

.card .title		{font-size:18px; font-weight: 700}

.full-height		{position: relative; min-height:100%; height: 100%; display:flex; flex-direction: column; align-items: center; justify-content: center;}
.white-text > *		{color: #fff;}
.sec				{padding: 0 15%; }

.layout				{position: relative; min-height:100%; height: 100%;}


.head 				{position: relative; min-height:100%; height: 100%;}
.l					{background: gray; height: 100%;width: 50%;float: left; z-index: 2;  /* box-shadow: 0 0 16px rgba(0,0,0,.3);*/ background: rgb(234,234,234); background: linear-gradient(90deg, rgba(234,234,234,1) 0%, rgba(255,255,255,1) 50%, rgba(234,234,234,1) 100%); }
.r					{background: #2C3460; position: relative; height:100%;width: 50%;float: right;  z-index: 1;  }
.header				{position: relative; min-height:100%; height:100%; text-align:center; display: flex; background: url(" /libs/images/wing.png"); background-size: cover;}
.header	img			{padding: 0 27.5%; margin: 0 auto; margin-top: -5%;}
.header p			{margin-top: 24px}

.first				{background: url(" /libs/images/first.jpg") center center; background-size: cover; }


.sect-ion			{clear:both;}


.szolgaltatasok		{background: #12183d url(" /libs/images/wing31.png"); background-size: cover; height: unset; padding: 5% 0;}
.szolgaltatasok .columns	{flex-wrap: wrap; padding: 0 15%;}
.szolgaltatasok .column		{min-width: 240px; padding:32px 16px; margin:16px; background: #fff; text-align:center; color: #12183d }

.kompetencia		{background: #ccc url(" /libs/images/comp.jpg"); background-size: cover; height: unset; min-height: unset; padding: 5% 0;}
.kompetencia .columns	{flex-wrap: wrap; padding: 0 15%; width:100%; align-items: stretch}

.kompetencia .card	{position: relative; height: 100%;}

.kompetencia .card .title	{ background: #12183d; color: #fff; padding: 1.5rem; margin: -1.5rem; margin-bottom: 1.5rem;}

.kontakt			{min-height: unset; height: unset; background: #12183d url(" /libs/images/cont.jpg") 50% 0 no-repeat; background-size: cover; }
.kontakt .columns	{flex-wrap: wrap; width:100%; height:100%; position: relative; align-items: stretch; margin-bottom:0;}

.kontakt .map		{box-sizing:content-box; position: relative;  padding: 48px 0%; padding-left: 15%}
.kontakt .form		{box-sizing:content-box; position: relative;  padding: 48px 15%;padding-left: 32px;}
.kontakt textarea	{box-sizing: border-box}
.kontakt button		{padding-top:8px; padding-bottom: 8px; text-align: center;height: auto;width: calc(100% - 2em);}

#map-canvas			{position: relative; height:calc(100% - 96px); }

.anchor-nav			{position: fixed; z-index:5; width:100%; height: 32px; background: #fff; box-shadow: 0 0 16px rgba(0,0,0,.25);}
.anchor-nav	.columns{position:relative; margin:0 auto; padding:0; }
.anchor-nav a		{margin:0 64px; padding:4px 0; background: #eee;display: inline-block;z-index: 5;border: 12px solid #fff; transition: 0.25s all linear; overflow:hidden;}
.anchor-nav a span	{display:block; margin: -100%; visibility: hidden}
.anchor-nav a.active{background: #2C3460}
.anchor-nav a:hover {background: #c9c9c9}