html, body{

	/*height: 50%;*/
	font-family: 'Roboto', sans-serif !important;
	font-size: 0.9rem;
	overflow-x: hidden;
	padding: 0;
}

body{
	position: relative;
}

a:link,a:visited, a:hover, a:active{
	text-decoration: none;

}

.navbar{
	font-weight: bold;
	font-size: 1rem;
	background-color: #FFFFFF;
}
.navbar i{
	font-size: 1.6rem;
}

.menu-link:hover{
	border-bottom: #ffd500 3px solid !important;
	margin-bottom: -3px;

}
.nav-link{
	color: #000000 !important;
}
.nav-item .active{
	border-bottom: 3px solid !important;
	margin-bottom: -3px;
	color: #ffd500 !important;
}

.navTel{
	background-color: #000000;
	color: #ffffff !important;
	border-radius: 10px;
}

.nav-item .navTel{
	padding: 5px !important;
}

@media (max-width: 992px){
	#logo{
		height: 60px;
	}
	#slaider{
		margin-top: 80px !important;
	}
}
#logo{
	max-height: 80px;
	padding: 10px;
	margin-top: 5px;
}

@media(max-width: 1400px) {
	#logo{
		max-height: 65px;
	}
}

.nav-item{
	margin: auto;
	padding: 5px;

}
.navbar-nav{
	margin-left: auto;
	color: #88d9f8;
}

#slaider{
	margin-top: 100px;
}
.carousel-Img{
	min-height: 60vh;
	max-height: 86vh;
	object-fit: cover;
	object-position: center;
}

.carousel-Imgr {
	object-position: right;
}

.white{
	/*height: 15px;*/
}

#ofirmie{
	line-height:2;
	color: #ffffff;
	background-color: #000000;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(../img/illuviabg.png);
	background-size: contain;
	background-position: center right;
	background-repeat: no-repeat;
	font-size: 1rem;
	letter-spacing: 0.02rem;
}
.ofirmie-img {
	display: grid;
	place-items: center;

}
.grafik{
	display: grid;
	place-items: center left;	
}

.ofirmie-img a {
	color: #000000 !important;
}

.podpis{
	height: 40px !important;
}

#avatar{
	border-radius: 50%;
}

.onasimg{
	max-width: 85% !important;
	height: auto;
	padding: 10px;
}

#corobimy{
	background-color: #ffd500;
	color: #000000;
	padding-top: 50px;
	padding-bottom: 50px;
	min-height: 400px;
}

.circle{
	border-radius: 50%;
	max-height: 70%;
}

#litery{
	background-color: #9d9d9c;
	color: #FFFFFF;
	padding-top: 50px;
	padding-bottom: 50px;
}

#realizacje{
	padding-top: 50px;
}

#kontakt{
	/*padding-top: 50px;*/
	/*padding-bottom: 10px;*/
	font-size: 1.05rem;

}

#kontakt a{
	color: #000000;
}
.kontakIcon{
	margin-right: 20px;
}
.kontaktP{
	margin-top: 20px;
}

.map{
	/*width: 100%;*/
	height: 350px;
	background-color: color:#9d9d9c;
	margin: 10px;
}

.skp-on-google-maps iframe {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}
footer{
	min-height: 50px;
	background-color: #1d1d1b;
	border-top: solid 5px #ffd500;
	color: #ffffff;
	margin-top: 30px;

}
.projekt a{
	color:#9d9d9c;
}
.projekt{
	margin-top: -10px;
	color:#9d9d9c;
	font-size: 0.8rem;
}
.logoFooter{
	max-height: 50px;
}

/*@media(max-width: 1400px) {
	.logoFooter{
		max-height: 30px;
	}
}*/
footer a{
	color: #ffffff !important;
}

.yellow{
	color: #ffd500;
}

/*scrolowanie*/

#Corobimy, #Ofirmie,#Realizacje,
#Litery, #Kontakt{
	position: absolute;
	background-color: red;
	width: 10px;
	height: 10px;
	margin-top: -120px;	
	opacity: 0;
}

.grow { transition: all .2s ease-in-out;
 }
.grow:hover { transform: scale(1.1);
 }