body{
	font-family: 'Inter',Arial,sans-serif;
}

.navbar .logo{
	max-height: 76px;
}

#intro{
	background-image: url("../grafika/tlo.png");
	background-position: center center;
    background-size: 100% 100%;
	background-color: #171717;
	min-height: 748px;
	max-height: 748px;
}

#pod-intro{
	padding-top: 60px;
    padding-bottom: 60px!important;
    background-color: #283975;
}

#pod-intro{
	color: #f0f4f8;
    font-size: 16px;
    padding-bottom: 5px;
    font-family: 'Inter';
	font-weight: 300;
}

#loga{
	padding-top: 60px;
    padding-bottom: 60px;
}

#funkcje{
	background-color: #f0f4f8;
	padding-top: 60px;
    padding-bottom: 60px;
}

#funkcje .tytul{
	color: #0d1240;
    font-size: 44px;
    line-height: 1;
    font-weight: 700;
}

#funkcje .podtytul{
	color: #102a43;
    font-size: 20px;
    line-height: 1.55;
    font-weight: 400;
}

#funkcje .funkcja-tytul{
	color: #0d1240;
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
}

#funkcje .funkcja-podtytul{
	color: #e62d25;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 700;
    letter-spacing: 2.5px;
}

#funkcje .funkcja-opis{
	color: #102a43;
    font-size: 16px!important;
    line-height: 1.5;
    font-weight: 400;
}

#doswiadczenie{
	padding-top: 60px;
    padding-bottom: 60px;
}

#doswiadczenie .tytul{
	color: #0d1240;
    font-size: 44px;
    line-height: 1;
    font-weight: 700;
}

#doswiadczenie .podtytul{
	color: #102a43;
    font-size: 20px;
    line-height: 1.55;
    font-weight: 400;
}

#doswiadczenie .funkcja-tytul{
	color: #0d1240;
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
}

#doswiadczenie .funkcja-opis{
	color: #102a43;
    font-size: 16px!important;
    line-height: 1.5;
    font-weight: 400;
}

#zalety{
	padding-top: 60px;
    padding-bottom: 60px;
}

#zalety .tytul{
	color: #0d1240;
    font-size: 44px;
    line-height: 1;
    font-weight: 700;
}

#zalety .podtytul{
	color: #102a43;
    font-size: 20px;
    line-height: 1.55;
    font-weight: 400;
}

#zalety .funkcja-tytul{
	color: #0d1240;
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
}

#zalety .funkcja-opis{
	color: #102a43;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

#korzysci{
	background-color: #f0f4f8;
	padding-top: 60px;
    padding-bottom: 60px;
}

#korzysci .tytul{
	color: #0d1240;
    font-size: 44px;
    line-height: 1;
    font-weight: 700;
}

#korzysci .podtytul{
	color: #102a43;
    font-size: 20px;
    line-height: 1.55;
    font-weight: 400;
}

#korzysci .funkcja-tytul{
	color: #0d1240;
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
}

#korzysci .funkcja-opis{
	color: #102a43;
    font-size: 16px!important;
    line-height: 1.5;
    font-weight: 400;
}

#pod-intro .tytul{
    font-size: 24px;
    font-weight: 700;
	padding-top: 0px;
    padding-bottom: 8px;
}

#intro_kontener{
	min-height: 748px;
	max-height: 748px;
}

#wanienka .tytul{
	color: #0d1240;
    font-size: 24px;
    line-height: 1.45;
    font-weight: 600;	
}

#wanienka .podtytul{
	color: #0d1240;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 400;
}
	
#wanienka{
	padding: 20px;
	border-radius: 24px;
    background-color: #ffffff;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    box-shadow: 1px 1px 20px 0px rgb(0 0 0 / 40%);
}

#intro .tytul h1{
	color: #ffffff;
    font-size: 62px;
    line-height: 1.1;
    font-weight: 700;
}

#intro .podtytul h2{
	color: #ffffff;
    font-size: 20px;
    line-height: 1.55;
    font-weight: 400;
}

#stopka{
	background-color: #102a43;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 0px;
	padding-right: 0px;
}

.navbar .container-fluid{
	background-color: #0d1240;
	padding-left: 30px;
	padding-right: 30px;
}

.navbar{
	padding: 0px;
}

.nav-item:hover{
	background-color: #283975;
	color: #f0f4f8!important;
}

.nav-link{
    line-height: 70px;
	color: #f0f4f8!important;
    font-size: 16px;
    font-weight: 500!important;
}

.navbar-nav > li{
  padding-left:15px;
  padding-right:15px;
}

#stopka .social a{
	color: #627d98;
}

#stopka .tytul{
	color: #ffffff;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 600;
    margin-bottom: 14px;
}

#stopka .link{
	color: #d9e2ec;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 300;
}

#stopka a{
	text-decoration: none;  
}

#stopka ul{
	list-style: none;
	padding: 0px;
}

#stopka ul li{
	padding-top: 7px; 
	padding-bottom: 7px;
}

#intro img{
	margin-top: 80px;
}


#liquid{
    width:100%;
	height: calc(100% - 86px);
	position: absolute;
	z-index: 1;
	left: 0px;
	bottom: 0px;
}

#intro .container{
	position: relative;
	z-index: 2;
}

@media only screen and (max-width: 600px) {
	body{
		margin-top: 41px;
	}
	
	.navbar-toggler:focus,
	.navbar-toggler:active,
	.navbar-toggler-icon:focus {
		outline: none;
		box-shadow: none;
	}
	
	.nav-link {
		text-align: center;
		line-height: 45px;
		font-size: 24px;
	}
	
	.navbar .container-fluid{
		padding-left: auto;
		padding-right: auto;
		padding-top: 0px;
		padding-bottom: 5px;
	}
	
	.navbar .logo{
		max-height: 50px;
	}
	
	#intro .tytul h1{
		font-size: 34px;
		text-align: center;
	}
	
	#intro .podtytul h2{
		font-size: 16px;
		text-align: center;
	}
	
	#intro img{
		margin-top: 0px;
	}
	
	#wanienka{
		padding: 10px;
	}
	
	#wanienka .tytul{
		font-size: 16px;
	}
	
	#wanienka .podtytul{
		font-size: 12px;
	}
	
	#funkcje .tytul{
		font-size: 30px;
	}
	
	#funkcje .podtytul {
		font-size: 14px!important; 
	}
	
	#funkcje .funkcja-tytul {
		font-size: 20px; 
	}
	
	#funkcje .funkcja-podtytul {
		font-size: 10px; 
	}
	
	#funkcje .funkcja-opis {
		font-size: 14px!important;
	}
	
	#zalety .tytul {
		font-size: 30px;
	}
	
	#zalety .podtytul {
		font-size: 14px!important;
	}
	
	#zalety .funkcja-tytul {
		font-size: 16px;
	}
	
	#zalety .funkcja-opis {
		font-size: 12px;
	}
	
	#zalety i {
		font-size: 45px;
	}
	
	#korzysci .tytul {
		font-size: 30px;
	}
	
	#korzysci .podtytul {
		font-size: 14px;
	}
	
	#korzysci .funkcja-tytul {
		font-size: 16px; 
	}
	
	#korzysci i {
		font-size: 45px;
	}
	
	#korzysci .funkcja-opis {
		font-size: 12px!important;
	}
	
	#doswiadczenie .tytul {
		font-size: 30px;
	}
	
	#doswiadczenie .podtytul {
		font-size: 14px;
	}
	
	#doswiadczenie .funkcja-tytul {
		font-size: 16px;
	}
	
	#doswiadczenie .funkcja-opis {
		font-size: 12px!important;
	}
	
	#doswiadczenie i {
		font-size: 45px;
	}
	
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		--bs-gutter-x: 2.5rem;
	}
	
	#liquid{
		height: calc(100% - 15px);
	}
}