#section-banner h2 {margin-bottom: 10px}
#section-banner p {font-weight: 400;}

#section-banner img.auto {float: right;max-width: 50%;height: auto;margin-top: 0px;}
#section-banner, #section-banner .row-full {overflow: visible!important;}

.landing .gradient {background: linear-gradient(to right,#e3efe6,#fff);padding: 1em;font-size: 22px;line-height: 1.4em;}

@media (max-width:991px) {
	img.zespol-tekst {max-width: 200px;}
}
@media (max-width:991px) {

	.hover-image {padding: 0px 50px;}
	.hover-image .onhoveronly {display: none;}
	.img-padded-xs {padding: 0px 50px;}

	#section-wizja .row-full {padding-top: 0!important}

	.col-img-strategia {padding-right: 15px!important;}

	img.zespol-tekst {max-width: 150px;}
}
	@media (min-width:100px) and (max-width:1199px) {
	#section-banner h1 {font-size: 30px;}
}

@media (max-width:991px) {
	.banner-text {max-width: 50%;}
	#section-zespol .row .col-xs-12 {padding: 30px 30px 30px 20px; }
}

#section-wizja .row-full {background: linear-gradient(to right,#fafafa,#fff);}

div.landing, p {font-weight: 400;}

.hover-image {position: relative;}
.hover-image .onhoveronly {position: absolute;top:0;left: 0;opacity: 0;transition: 0.5s;}
.hover-image .onhoveronly:hover {opacity: 1;}


@media (min-width:1200px) {


	.landing .gradient {font-size: 32px}
	.hover-image {margin-right: 30px;}

	img.zespol-tekst {max-width: 240px;}

	div.landing, div.landing p {font-weight: 400;font-size: 17px;} 

	div.landing h2 {font-size: 40px;font-weight: 500;margin-bottom: 30px;}
	#section-banner h1 {font-size: 60px;}
	#section-banner img.auto {float: right;max-width: 60%;height: auto;margin-top: -130px;margin-bottom: -100px;position: relative;z-index: 999;bottom: -50px;}

	.landing .gradient {font-size: 32px;line-height: 1.4em;}

	#section-wizja .row-full .col-md-7{padding-top: 100px;}
}
