@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,300,600);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,400italic,300italic);

html {
  scroll-behavior: smooth;
}

body { 
	margin-top: -100px; 
	padding-top: 100px; 
	font-family: 'Open Sans';
}

.bold{
	font-weight: bold;
}

.green{
	color: green;
}

.header{
	padding-top: 10px;
	padding-bottom: 10px;
}

.header span{
	display: block;
	width: 100%;
	font-size: 15px;
	margin-top: 5px;
}

.header span i.fa{
	width: 20px;
	
}

.logo1{
	height: 90px;
}
.logo2{
	height: 70px;
}

@media (max-width: 767px) {
	.header{
		text-align: center;
	}
	
}

.navbar{
	padding: 0px;
}

nav{
	background: green;
}

.nav-link{
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 10px 20px 10px 20px!important;
	margin-right: 1px;
}

.nav-link.active, .nav-link:hover{
	background: #fff;
	color: green;
	
}

.navbar-toggler{
	color: #fff;
}

.content{
	/*margin-top: -20px;*/
}

section{
	border-bottom: solid green 2px;
	padding: 50px 0px 30px 0px;
}

section h4{
	font-size: 40px;
	font-weight: bold;
	text-shadow: 1px 1px #00ff00;
	margin-bottom: 40px;
}

.centerslogan{
	width: 100%;
	text-align: center;
	color: green;
	font-size: 30px;
	font-weight: bold;
}


.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


.iconblock{
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
	cursor: pointer;
}

.iconblock .fa{
	display: block;
	
}
.iconblock .fa-smile-o{
	color: yellow;
}

.iconblock span{
	display: block;
	margin: 15px 0px 0px 0px;
	font-size: 20px;
}

.iconblock:hover{
	color: green;
}

.ofirmietext{
	line-height: 32px;
	text-align: justify;
	text-indent: 32px;
	
}

.oferta li{ 
  background: url('../img/jelcz-oferta2.png') no-repeat;
  padding:0 0 15px 45px;
  line-height: 20px;
}


.kontaktinfo{
	font-size: 25px;
}

.kontaktinfo .fa{
	color: green;
}

.gallery {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-width: 33%;
-moz-column-width: 33%;
column-width: 33%; }
.gallery .pics {
-webkit-transition: all 350ms ease;
transition: all 350ms ease; }
.gallery .animation {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }

@media (max-width: 450px) {
	.gallery {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-width: 100%;
		-moz-column-width: 100%;
		column-width: 100%;
	}
	
	#galeria .d-flex{
		display: block!important;
		text-align: center;
		
	}
	
	.btn.filter {
		width: 100%;
	}
}

@media (max-width: 400px) {
.btn.filter {
padding-left: 1.1rem;
padding-right: 1.1rem;
}
}