html, body {height:100%;}
section {position:relative; min-height:100%;align-items: stretch;}
.wizaualizacja {position:relative;min-height:100%;}
.wizaualizacja div {position:relative; width:100%; height:100%;background-image: url("img/building.jpg");background-size: cover;background-position:center;opacity:0.5;}
.wizaualizacja2 div {position:relative; width:100%; height:100%;background-image: url("img/building2.jpg");background-size: cover;background-position:center;opacity:0.5;}
.wizaualizacja3 div {position:relative; width:100%; height:100%;background-image: url("img/building3.jpg");background-size: cover;background-position:center;opacity:0.5;}
/*animacja wjazdu*/
.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

/* po pojawieniu */
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

/*Logo & Line up*/
.logo {position:absolute;left:50px;top:0px;z-index:10;}
.go_down {position:absolute;width:;height:60px;z-index:10;top:50%;right:calc(50% - 500px);text-align:center;background-color:;color:#102e4a;}
.go_down h1 {margin:0px;line-height: 1.2;font-size: clamp(4rem, 6vw, 5rem);font-weight: 600}
.go_down:hover {opacity:0.9;}
.logo-line-up {min-height:150px;}
.logo-line-up > div {justify-content: center;}
.logo-line-up div h2 {width:100%;text-align:center;margin-bottom:0px;}
.logo-between-lines {height:45px;width:55px;background-image: url("img/logo4.png");background-size: cover;background-position:center;margin-left:40px;margin-right:40px;}
.lines {height:45px;width:calc(50% - 70px);text-align:center;}
.lines hr {margin: 21px auto;border:1.5px solid var(--font-color);width:100%;}
/*UNDER LOGO and LINES*/
.under-logo-line-up {min-height:calc(100% - 300px);}
.under-logo-line-up>div,.under-logo-line-up div a {align-items:center;}
.under-logo-line-up div a {text-align:center;}
.under-logo-line-up div a img{border:2px solid #999;}
.under-logo-line-up img {width:80%;}
.under-logo-line-right {justify-content:flex-end;}
.columns-two h5 {text-align: justify;}
.columns-two h5 ul {list-style-type: square;
display: flex;
  flex-direction: column;
  justify-content: space-between; /* równy rozkład w pionie */
  height: 590px; }
.columns-two h5 ul li {margin-bottom:;}
/* KOTWICA*/
.section-contact {min-height: 50%;}
.anchor  {position:absolute;top:-100px;}
/*Linki po prawej*/
.link-right-up, .link-right-down {position:fixed;dicplay:flex; width:120px; height:120px;right:10px;background-color:var(--second-bg-color);z-index:1;align-items:center;justify-content:center;text-align:center;border-radius: 15px;}
.link-right-up p, .link-right-down p {text-align:center;color:var(--second-font-color);font-size: clamp(0.9em, 1.1vw, 0.9rem);margin-bottom:2px;}
.link-right-up img, .link-right-down img {width:50px; height:50px;}
.link-right-up {top:40%;}
.link-right-down {top:calc(40% + 130px);}
/* CIEMNE TŁO */
.logo-line-dark {background-color:var(--second-bg-color);color:var(--second-font-color);}
.logo-line-dark h2 {color:var(--second-font-color);}
.logo-line-dark .lines hr {border:1.5px solid var(--second-font-color);}
.logo-line-dark .logo-between-lines {background-image: url("img/logo5.png");}
/* ATUTY IKONKI*/
.section-icons {min-height: 50%;margin-top:50px;}
.section-icons div {dicplay:flex;justify-content: center;align-items:flex-start;align-content: flex-start;margin-bottom:50px;}
.section-icons img {height: 200px;width:200px;}
.section-icons p {width:200px;}

.under-logo-line-up {padding-top:30px;}
/*MAPA
.tab-mapa {position:relative;display: inline-block;}
.tab-mapa img {width:100%;max-height: 900px;max-width:1600px;}
table, table tr, table tr td {border:1px solid black;}*/
/* FORMULARZ*/
.pracownicy>div {position:relative;width:100%;}
.dane-pracownika {display:flex;}
.qr-cod {height: 200px;width:200px;background-color:black;margin-right:20px;}
.pracownicy {height:800px;display: flex;align-items:flex-start;align-content:flex-start;}
.pracownicy table tr td {padding-bottom:20px;font-family: "GillSans";}
.pracownicy h4 {margin-bottom:0px;}
.pracownicy table tr td img {margin-bottom:10px;}
form h5 {margin-top:0px;}
form {margin-left:150px;width: 420px;}
form label, form button {display: grid;}
form label input {margin:2px auto 5px 0px;padding:5px;width: 330px;}
form .lable-line {width: 200px;display: inline flow-root;}
.lable-line input {width: 180px;}
.checkbox {display: inline-block;margin:10px auto 10px 0px;}
.checkbox input {width: 30px;}
#robotInput{width: 50px;}
#wiadomosc{min-height: 200px;min-width: 350px;}
/*==RODO==*/
.rodo h3 {display: inline;width: 100%;text-align:center;}
.rodo p {margin:10px 0px;}
.rodo > ul > li {font-size: clamp(1.25rem, 1.67vw, 1.5rem);line-height: 1.4;}
.rodo table {width: 100%;}
.rodo table tr td {border:1px solid black;width: 30%;}
.rodo table tr:first-child td {text-align:center;}
.rodo table tr td:first-child {width: auto;text-align:center;}
/*===MOBILE===================================================*/
@media only screen and (max-width: 1600px) {
	.columns-two h5 ul {height: 510px; }
}
@media only screen and (max-width: 1400px) {
.under-logo-line-up {padding-top:70px;}
.under-logo-line-left>.logo {height:80px;width:110px;top:-70px;}
form {margin-left:120px;}
	.columns-two h5 ul {height: 445px; }	
}
@media only screen and (max-width: 1200px) {
	/*UNDER LOGO and LINES*/
	.under-logo-line-up img {width:100%;}
	.under-logo-line-right {justify-content:center;}
	.columns-two-mobile {min-height:660px;}
	.under-logo-line-up>div {align-items:flex-start;}
	.columns-two-mobile h5 {margin-top:0px;}
	.columns-two-mobile h5 ul {padding-left:0px;margin-left:5px;margin-rght:5px;}
	.link-right-up, .link-right-down {position:absolute;width:100px; height:100px;top:auto;bottom:10px;z-index:0;font-size: clamp(0.8em, 1.0vw, 0.8rem);}
	.link-right-up {right:35%;}
	.link-right-down {right:calc(35% + 110px);}
	.pracownicy {height: 550px;}
	form {margin-left:0px;margin-bottom:100px;}
	.go_down {width:100%;top:50%;right:0px;}
	.go_down h1 {font-size: clamp(3rem, 4.5vw, 4rem);font-weight: 600}
	
}
@media only screen and (max-width: 360px) {
#wiadomosc{min-width: 250px;}
form label input {width: 250px;}
}