body{
display: block;
margin: 0px auto;
padding: 0px;
background-color: white !important;
}

h1{
padding-top: 20px;
font-size: 28px !important;
font-family: 'Roboto' !important;
font-weight: 500;
font-style: normal !important;
letter-spacing: 1px !important;
}

.dwudziestka{
font-size: 30px;
line-height: 100px;
font-weight: 500 !important;
}
 

.akapit{
display: block;
margin: 0px auto;
padding: 0px;
width: 100%;
text-align: center;
}

.procent{
display: block;
margin: 0px auto;
padding: 0px;
width: 70%;
}

.roboto{
font-family: 'Roboto';
font-style: normal;
letter-spacing: 1px;
font-weight: 300px;
}

.filtr{
position: relative;
-webkit-filter: brightness(0.7);
-moz-filter: brightness(0.7);
-o-filter: brightness(0.7);
-ms-filter: brightness(0.7);
filter: brightness(0.7);
background-position: center center;
background-size: cover;
}

.filtr:after {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAD0lEQVQImWNgQAX/yeAAAIHCA/0RE2WAAAAAAElFTkSuQmCC); 
		background-repeat: repeat;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;   
}

.x{
display: block;
width: 100%;
height: auto;
margin: 0px auto;

}

.y{
width: 100%;
height: auto;
}

.z{
display: block;
background-color: rgba(255,255,255, 0.7);
height: auto;
margin: 0px;
padding: 15px;
position: absolute;
left: 15px;
top: 15px;
z-index: 3;
border-top: 3px solid black;
border-left: 3px solid black;
border-right: 3px solid black;
border-bottom: 3px solid black;
box-sizing: border-box;
border-radius: 15px;
}

.z img{
width: 210px;
}

.u{
display: block;
background-color: rgba(255,255,255, 0.7);
height: auto;
margin: 0px;
padding: 15px;
position: absolute;
right: 15px;
top: 15px;
z-index: 4;
border-top: 3px solid black;
border-left: 3px solid black;
border-right: 3px solid black;
border-bottom: 3px solid black;
box-sizing: border-box;
border-radius: 15px;
font-size: 30px;
text-align: center;
font-weight: bold;
}

.telefon{
color: #8c2612;
font-weight: bold;
}

.telefon:hover{
color: #8c2612;
text-decoration: none;
font-weight: bold;
}

.fonteczka{
margin-top: 15px;
font-size: 28px;
text-align: center;
}

.slogan{
background-color: rgba(255,255,255, 0.7);
position: absolute;
margin: 15px; 
padding: 15px;
left: 0%;
bottom: 0%;
z-index: 2;
border-top: 3px solid black;
border-left: 3px solid black;
border-right: 3px solid black;
border-bottom: 3px solid black;
box-sizing: border-box;
border-radius: 15px;
}

.slogana{
font-size: 28px;;
}

.sloganb{
font-size: 24px;
}

.nawigacja{
display: block;
background-color: #333a4d;
margin: 0px auto;
padding: 5px 0px 5px 0px;
width: 100%;
min-height: auto;
color: white; 
}

.nawigacja2{
display: block;
background-color: #333a4d;
margin: 0px auto;
padding: 0px;
width: 100%;
min-height: auto;
color: white; 
}

.menu li a{
font-family: "Roboto";
background-color: #333a4d;
color: white;
letter-spacing: 1px;
font-weight: 500;
font-style: normal;
}

.menu li a:hover{
background-color: lightgrey;
color: black;
}

.kon{
margin: 0px auto;
padding: 0px 0px;
width: 992px;
}

.menu{
list-style: none;
margin: 0px auto;
padding: 0px;
width: 992px;
min-height: auto; 
text-align: center; 
}

.menu li{
margin: 0px auto;
padding: 0px;
min-height: 50px;
box-sizing: border-box;

}


.menu li a{
margin: 0px auto;
padding: 0px;
width: 100%;
min-height: 60px;
line-height: 60px;
text-align: center;
font-weight: 300;
}

.menu li a:hover{
min-height: auto;
}

.bordo{
color: #800020;
}

.logo{
height: 100px;
}

div p{
display: block;
width: 100%;
}

.paralaxa1{
display: block;
width: 100%;
margin: 0px auto;
padding: 0px;
min-height: 400px;
background-image: url('paralaxa1.jpg');
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}

.paralaxa1b{
min-height: 400px !important;
}

.paralaxa1a{
display: block;
background-color: rgba(255,255,255,0.7);
padding: 50px !important;
margin: 0px auto;
padding: 0px;
color: #800020;
text-align: center;
}

.text{
display: block;
width: 100%;
background: rgba(0,0,0,0.9);
margin: 15px 0px 15px 0px;
padding: 15px 15px 15px 15px;
min-height: auto;
border-top: 3px solid white;
border-left: 3px solid white;
border-right: 3px solid white;
border-bottom: 3px solid white;
box-sizing: border-box;
border-radius: 15px;
color: white; 
}

.text2{
display: block;
width: 100%;
background: rgba(255,255,255,0.9);
margin: 15px 0px 15px 0px;
padding: 15px 15px 15px 15px;
min-height: auto;
border-top: 3px solid black;
border-left: 3px solid black;
border-right: 3px solid black;
border-bottom: 3px solid black;
box-sizing: border-box;
border-radius: 15px;
color: black;
text-align: center; 
}

.text2 p{
font-size: 42px;
}

.telefon2{
color: #8c2612;
font-weight: bold;
}

.telefon2:hover{
color: #8c2612;
text-decoration: none;
font-weight: bold;
}

.pasek{
display: block;
background-color: lightgrey;
margin: 0px auto 0px auto;
padding: 0px;
width: 100%;
min-height: auto;
}

.menu33{
margin: 0px auto;
padding: 0px;
width: 100%;
min-height: auto;
text-align: center;
list-style-type: none;
}

.menu33 li{
display: inline;
margin: 0px auto;
padding: 15px;
min-height: auto;
text-align: center;
list-style-type: none;
}

.ikona{
display: block;
margin: 0px auto;
padding: 0px;
width: 70px;
height: 70px;
}

.automatyczny{
display: block;
margin: 0px auto;
padding: 0px 15px;
text-align: center;
}

.automatyczny2{
display: block;
margin: 0px auto;
padding: 15px;
text-align: center;
color: white;
}

.aktualnosci{
display: block;
width: 100%;
height: auto;
margin: 0px auto;
padding: 0px;
}

.zaokraglone img{
display: block;
width: 90px;
height: 90px;
box-sizing: border-box;
border-radius: 10px;
}

.content-tresc{
margin: 0px;
padding: 40px 0px;
background-color: #333a4d;
color: white;
}

.content-tresc p{
padding: 0px 20px;
font-size: 14px;
font-family: 'Roboto';
font-weight: 300;
font-style: normal;
letter-spacing: 1px;
}

.stopka{
background-color: #333a4d;
color: white;
}

.wysrodkowany{
margin: 0px auto 0px auto;
padding: 0px;
text-align: center;
}

.wysokosc{
min-height: 30px;
line-height: 30px;
margin: 0px;
padding: 0px;
}

.org{
margin: 0px;
padding: 15px 0px 15px 0px;
}


@media (max-width: 991.98px){
.dwudziestka{
font-size: 25px;
line-height: 30px;
font-weight: 500 !important;
}

.slogana{
font-size: 14px;
font-weight: bold;
}

.sloganb{
font-size: 12px;

}


.nawigacja2{
display: none;
}
.menu{
list-style: none;
margin: 0px auto;
padding: 0px;
width: 100%;
min-height: auto; 
text-align: center;
}

.menu li{
margin: 0px auto;
padding: 0px;
width: 100%;
min-height: auto;
border-bottom: 1px solid black; 
border-right: 0px solid black;
box-sizing: border-box; 
}

.menu li:first-child{
margin: 0px auto;
padding: 0px;
width: 100%;
min-height: auto;
border-bottom: 1px solid black;
border-left: 0px solid black; 
box-sizing: border-box;
}



.menu-pionowe{
text-align: center;
margin-bottom: 15px;
}
}

.menu li a{
margin: 0px auto;
padding: 0px;
width: 100%;
min-height: auto;
text-align: center;
color: white; 
}