@charset "utf-8";
body {
	background-color: #fff;
	margin: 0;
	padding: 0;
}

.strona {
margin: 0px auto;
padding: 0px;
width: 100%;
max-width: 1920px;
background-color: #FFF;
}
.strona img {
}
.logo {
width: calc(100% - 20px);
max-width: 920px;
height: auto;
margin: 0 auto;
text-align: left;
padding: 0 10px;
}
.logo img {
width: 100%;
max-width: 220px;
height: auto;
margin: 40px auto;
}
.weare {
width: calc(100% - 20px);
max-width: 1346px;
height: auto;
margin: 0 auto;
text-align: center;
padding: 0 10px;
}
.weare img {
width: 100%;
max-width: 460px;
height: auto;
margin: 110px auto 0;
}
.yt {
width: 100%;
max-width: 1280px;
margin: 0 auto;
text-align: center;
padding: 0;
}
.yt img {
width: 100%;
max-width: 1328px;
height: auto;
margin: 125px auto -20px;
}
.yt iframe {
width: 100%;

max-width: 920px;

height: 518px;

margin: 0 auto;

text-align: center;

padding: 0;
-webkit-box-shadow: 5px 5px 14px 0px rgba(118,109,98,0.55);
-moz-box-shadow: 5px 5px 14px 0px rgba(118,109,98,0.55);
box-shadow: 5px 5px 14px 0px rgba(118,109,98,0.55);
}

#przycisk {
background-color: #188604;

font-family: "Montserrat";

font-size: 18px;

margin: 10px 0 0;

color: #fff;

text-transform: uppercase;

padding: 8px 28px;

font-weight: 600;

border-radius: 15px;

text-decoration: none;
}
.szary {
background-color: #f7f7f7;

padding: 45px 0;

width: 100%;

max-width: 920px;
}
.odstep {
	width: 100%;
	max-width: 1200px;
	height: 50px;
	margin: 0 auto;	
}
.odstep170 {
	width: 100%;
	max-width: 1200px;
	height: 170px;
	margin: 0 auto;	
}
.odstep136 {
	width: 100%;
	max-width: 1200px;
	height: 136px;
	margin: 0 auto;	
}
.film iframe {
height: 675px;
padding: 0px 0;
width: 1200px;
}
.wyniki {
width: 100%;
max-width: 920px;
margin: 0 auto;
text-align: center;
}
.wyniki h1 {
display: block;

font-family: "Montserrat";

font-size: 37px;

text-align: left;

margin: 10px 0 0;

color:#231f20;

text-transform: uppercase;

padding: 0 0 3px 80px;

font-weight: 400;

border-bottom: 7px solid #188604;

width: 245px;
}
.wyniki h2 {
display: block;
font-family: "Montserrat";
font-size: 40px;
text-align: center;
font-weight: 900;
margin: 30px auto;
color: #2475a0;
padding: 0;
text-transform: uppercase;
}
.kolumny {
width: 100%;
max-width: 920px;
margin: 0 auto;
display: flex;
text-align: center;
}
.kolumna1 {
max-width: 920px;
padding: 0;
width: 100%;
}
.kolumna1 img {
width: 100%;
height: auto;
max-width: 920px;
}
.wyniki p {
font-family: "Montserrat";

font-size: 19px;

text-align: left;

font-weight: 400;

margin: 0px 60px 20px 80px;

color:
#231f20;

padding: 0 0;

width: 100%;

max-width: 780px;

line-height: 72px;
}
.wyniki p strong {
font-family: "Montserrat";

font-size: 33px;

text-align: left;

font-weight: 800;

margin: 0;

color:
#231f20;

padding: 0 0;

width: 100%;

max-width: 860px;

line-height: 32px;
}
html body div.strona div.wyniki div.wyniki p a {
display: block;
font-family: "Montserrat";
font-size: 30px;
text-align: center;
font-weight: 700;
margin: 30px auto;
color: #2475a0;
padding: 0;
text-transform: uppercase;
text-decoration: none;
line-height: normal;
}
.mala {
	display: none;	
}
.space {
	
}
.space p {
position: absolute;
left: calc(50% + 243px);
width: 22%;
margin-top: 102px;	
}
.zd1 {
width: calc(24%);
height: auto;
position: absolute;
left: 6.7%;
-webkit-box-shadow: 0px 5px 13px 0px rgba(113,103,97,1);
-moz-box-shadow: 0px 5px 13px 0px rgba(113,103,97,1);
box-shadow: 0px 5px 13px 0px rgba(113,103,97,1);
margin-top: 1.6%;
}
.zd1 img {
	width: 100%;
	height: auto;
	max-width: 461px;	
}
.zd2 {
left: 33.4%;
}
.zd3 {
left: 6.7%;
margin-top: 41%;
}
.zd4 {
left: 33.4%;
margin-top: 41%;
}

.zd5 {
width: calc(28.6%);
height: auto;
position: absolute;
left: 61.7%;
-webkit-box-shadow: 0px 5px 13px 0px rgba(113,103,97,1);
-moz-box-shadow: 0px 5px 13px 0px rgba(113,103,97,1);
box-shadow: 0px 5px 13px 0px rgba(113,103,97,1);
margin-top: 10%;
}
.zd5 img {
	width: 100%;
	height: auto;
	max-width: 550px;	
}
.zd6 {
width: calc(28.6%);
height: auto;
position: absolute;
left: 61.7%;
margin-top: 59.1%;
}
.zd6 img {
	width: 100%;
	height: auto;
	max-width: 550px;	
}
a img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
a img:hover {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);

}
@media (max-width: 1366px) {

.kolumna1 img {
    width: 100%;
    height: auto;
}
.weare img {
    width: 100%;
    max-width: 328px;
    height: auto;
    margin: 80px auto 0;
}
.yt img {
width: calc(100% - 20px);
max-width: 1000px;
height: auto;
margin: 105px auto -20px;
}
.space p {
position: absolute;
left: calc(62%);
width: 22%;
margin-top: 69px;
}
}
@media (max-width: 1240px) {
.duza {
	display: none;	
}
.mala {
	display: inherit;	
}
.odstep136 {
    width: 100%;
    max-width: 1200px;
    height: 0;
    margin: 0 auto;
}
.space p {
left: inherit;
position: inherit;
width: 70%;
margin-top: 80px;
}
}
@media (max-width: 920px) {
.film iframe {
    height: 326px;
    padding: 0 0;
    max-width: 580px;
    width: 100%;
}
.wyniki p {
    font-family: "Montserrat";
    font-size: 19px;
    text-align: left;
    font-weight: 400;
    margin: 0px 20px 20px 20px;
    color: #231f20;
    padding: 0 0;
    width: calc(100% - 40px);
    max-width: 780px;
    line-height: 72px;

}
.wyniki p {

    font-family: "Montserrat";
    font-size: 19px;
    text-align: left;
    font-weight: 400;
    margin: 0px 20px 20px 20px;
    color: 

    #231f20;
    padding: 0 0;
    width: calc(100% - 40px);
    max-width: 780px;
    line-height: 32px;

}
.wyniki h1 {
display: block;

font-family: "Montserrat";

font-size: 37px;

text-align: left;

margin: 10px 0 0;

color:#231f20;

text-transform: uppercase;

padding: 0 0 3px 20px;

font-weight: 400;

border-bottom: 7px solid #188604;

width: 245px;
}
}
@media (max-width: 600px) {
.logo {
    width: calc(100% - 20px);
    max-width: 942px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    padding: 0 10px;
}
	.logo img {
    width: 60%;
    max-width: 218px;
    height: auto;
    margin: 30px auto;
}
.wyniki h2 {
    font-family: "Montserrat";
    font-size: 25px;
    text-align: center;
    font-weight: 600;
    margin: 30px auto 10px;
    color: #000000;
    padding: 0;
}

.kolumny {

    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: inherit;
    text-align: center;

}
.kolumna1 {
width: 100%;
padding: 0;
}
.weare img {
    width: 70%;
    max-width: 328px;
    height: auto;
    margin: 50px auto 0;
}
.yt img {
width: 100%;
max-width: 1326px;
height: auto;
margin: 50px auto -20px;
}
.odstep170 {
    width: 100%;
    max-width: 1200px;
    height: 80px;
    margin: 0 auto;
}
}
@media (max-width: 400px) {
.film iframe {
height: 203px;
padding: 0 0;
max-width: 360px;
width: 100%;
}
.yt iframe {

    width: 100%;
    max-width: 765px;
    height: 250px;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    -webkit-box-shadow: 7px 7px 18px 0px rgba(118,109,98,0.55);
    -moz-box-shadow: 7px 7px 18px 0px rgba(118,109,98,0.55);
    box-shadow: 7px 7px 18px 0px 

    rgba(118,109,98,0.55);

}
}