html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0;	border: 0; font-size: 100%;	font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;}

body {font-family: 'Rajdhani', sans-serif; background-color: white; overflow-x: hidden; background-color: #ffffff;background-size: 100%;}

@media only screen and (min-width: 120px) and (max-width: 600px) {
    
wrap {width: 100vw; min-height: 800px; display: block; margin-left: auto; margin-right: auto; background-color: white;}
menu {position: relative; top: 0; left:0; margin: 0 auto; width: 100vw; height: 110px; display: block; background-color: white;}
menu a {display: inline-block; width: 60px; height: 45px; text-align: center; padding: 5px 2px 10px 2px; text-decoration: none; color: black; vertical-align: middle; font-size: 12px; font-weight: 500; transition: 0.5s;}
menu a:hover {display: inline-block; width: 60px; height: 45px; text-align: center; text-decoration: none; color: #242424; vertical-align: middle; font-size: 12px; font-weight: 800; transition: 0.5s;}
menu img {display: inline-block; height: 36px;  padding: 0px 2px 0px 3px;}
a.fb {margin: -13px 0 0 0; padding: 0;}

    /* dropdown menu */
.dropdown {position: relative; display: inline-block;}
.dropdown-content {display: none; position: absolute; background-color: #f9f9f9; top:50px; min-width: 70px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.dropdown:hover .dropdown-content { display: block;}
.dropdown-content a {color: black; padding: 12px 16px; text-decoration: none; display: block;}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}
.divider{display:block;width: 100%; padding: 20px;}
    
    
.slider {margin-top: 0px; width: 100vw; height: 60vw; background-position: center center; background-size: cover; background-repeat: no-repeat; backface-visibility: hidden;
    animation: slide 15s infinite 0s; animation-timing-function: ease-in-out; background-image: url(img/ban1.jpg); }
      
@keyframes slide{
    0%{background: url(img/ban1.jpg); }
    25%{background: url(img/ban2.jpg); }
    50%{background: url(img/ban3.jpg); }
    75%{background: url(img/ban4.jpg); }
    100%{background: url(img/ban5.jpg); } }
 
    
p.cel {color: white; font-size: 1.9rem; text-align: center; 
    margin: 450px auto 0 200px; width: 200px; background-color: rgba(128, 128, 128, 0.81);
    position: absolute; text-shadow: 1px 2px 3px black; }

of1 {display: block; height: 300px; width: 100vw; background-color: #dddddd;}
of1:hover {display: block; height: 300px; width: 100vw; filter: brightness(102%); transition: 0.5s;}
of1 h3 {display: inline-block; color: white; vertical-align: middle; height: 200px; width: 200px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin: 0 0 0 70px;}
of1 img {display: inline-block; height: 250; width: 300px; margin: 25px; border: 2px; border-color: white; border-style: solid;}
    
of2 {display: block; height: 300px; width: 100vw; background-color: #a7a0a0;}
of2:hover {display: block; height: 300px; width: 100vw; filter: brightness(102%); transition: 0.5s;}
of2 h3 {display: inline-block; color: white; vertical-align: middle; height: 200px; width: 200px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin: 0 0 0 70px;}
of2 img {display: inline-block; height: 250; width: 300px; margin: 25px; border: 2px; border-color: white; border-style: solid;}
    
of3 {display: block; height: 300px; width: 100vw; background-color: #606060;}
of3:hover {display: block; height: 300px; width: 100vw; filter: brightness(102%); transition: 0.5s;}
of3 h3 {display: inline-block; color: white; vertical-align: middle; height: 200px; width: 200px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin: 0 0 0 70px;}
of3 img {display: inline-block; height: 250; width: 300px; margin: 25px; border: 2px; border-color: white; border-style: solid;}
    
of4 {display: block; height: 300px; width: 100vw; background-color: #69dd91;}
of4:hover {display: block; height: 300px; width: 100vw; filter: brightness(102%); transition: 0.5s;}
of4 h3 {display: inline-block; color: white; vertical-align: middle; height: 200px; width: 200px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin: 2px 0 0 70px;}
of4 img {display: inline-block; height: 250; width: 300px; margin: -100px 25px 25px 25px; border: 2px; border-color: white; border-style: solid;}
    
of5 {display: block; height: 300px; width: 100vw; background-color: #3abf68;}
of5:hover {display: block; height: 300px; width: 100vw; filter: brightness(102%); transition: 0.5s;}
of5 h3 {display: inline-block; color: white; vertical-align: middle; height: 200px; width: 200px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin: 2px 0 0 70px;}
of5 img {display: inline-block; height: 250; width: 300px; margin: -100px 25px 25px 25px; border: 2px; border-color: white; border-style: solid;}
    
of6 {display: block; height: 300px; width: 100vw; background-color: #198e42;}
of6:hover {display: block; height: 300px; width: 100vw; filter: brightness(102%); transition: 0.5s;}
of6 h3 {display: inline-block; color: white; vertical-align: middle; height: 200px; width: 200px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin: 2px 0 0 70px;}
of6 img {display: inline-block; height: 250; width: 300px; margin: -100px 25px 25px 25px; border: 2px; border-color: white; border-style: solid;}
    
   
iframe.map {width: 400px; height: 400px; margin: 20px 0 10px 0;}

img.ban {width: 100vw;}
img.ce {width: 80vw; margin: 10px 0 0 10vw; border: 10px; border-style: solid; border-color: rgba(169, 169, 169, 0.74);}
    
img.lo {height: 160px; margin: 7px auto 0 auto; border: 7px; border-style: solid; border-color: rgba(169, 169, 169, 0.74); display: block;}
    
h1 {font-size: 1.2rem; width: 200px; text-align: center; margin: 20px 0 30px 35px; font-weight: 600; }
h4 {font-size: 1.2rem; margin: 20px 0 0 50px;}
h3.nazwa-obrazka {display: inline-block; width: 240px; height: 50px;}
    
p {font-size: 16px; line-height: 24px; margin: 10px 0 10px 10px;}
a.ofe {font-size: 16px; line-height: 24px; margin: 10px 0 10px 0; text-decoration: none; color: #483c3c; display: block;}

img.kw {width: 320px; height: 320px; margin: 10px 0 0 20px; z-index: 0;filter: contrast(110%);transition: 0.5s;}
img.kw:hover {width: 320px; height: 320px; margin: 10px 0 0 20px; z-index: 0;filter: contrast(80%); transition: 0.5s;}

stopka {height: 2vw; display: block;text-align: center; background-color: darkgrey;}
stopka a  { text-decoration: none; color: white;}  

#cookieinfo * {margin: 0px; padding: 0px;}

#cookieinfo {    position: fixed; font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    left: 0px;    bottom: 0px;    right: 0px;    background-color: #323334;
    padding: 20px;    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5); z-index: 1000;}

#cookieinfo h6 {font-size: 16px; font-weight: bold;    color: #cdd7da; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1); margin-bottom: 7px;}

#cookieinfo p {    font-size: 12px; color: #afb4bc;    line-height: 1.5em; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}
#cookieinfo a {    display: block;  position: absolute;    right: 10px;
    top: 10px;    width: 22px;    height: 22px;    border-radius: 11px;
    line-height: 22px;    font-size: 12px;    color: #ffffff;    text-align: center;
    text-decoration: none;    background-color: #ff6000;    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);}

#cookieinfo a:hover {    background-color: #ff7925;} 
   
    
}

@media only screen and (min-width: 601px) and (max-width: 1100px) {
    
    wrap {width: 100vw; min-height: 800px; display: block; margin-left: auto; margin-right: auto; background-color: white;}
menu {position: relative; top: 0; left:0; margin: 0 auto; width: 100vw; height: 110px; display: block; background-color: white;}
menu a {display: inline-block; width: 60px; height: 45px; text-align: center; padding: 5px 2px 10px 2px; text-decoration: none; color: black; vertical-align: middle; font-size: 12px; font-weight: 500; transition: 0.5s;}
menu a:hover {display: inline-block; width: 60px; height: 45px; text-align: center; text-decoration: none; color: #242424; vertical-align: middle; font-size: 12px; font-weight: 800; transition: 0.5s;}
menu img {display: inline-block; height: 36px;  padding: 0px 2px 0px 3px;}
a.fb {margin: -13px 0 0 0; padding: 0;}

    /* dropdown menu */
.dropdown {position: relative; display: inline-block;}
.dropdown-content {display: none; position: absolute; background-color: #f9f9f9; top:50px; min-width: 70px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.dropdown:hover .dropdown-content { display: block;}
.dropdown-content a {color: black; padding: 12px 16px; text-decoration: none; display: block;}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}
.divider{display:block;width: 100%; padding: 20px;}
    
    
.slider {margin-top: 0px; width: 100vw; height: 60vw; background-position: center center; background-size: cover; background-repeat: no-repeat; backface-visibility: hidden;
    animation: slide 15s infinite 0s; animation-timing-function: ease-in-out; background-image: url(img/ban1.jpg); }
      
@keyframes slide{
    0%{background: url(img/ban1.jpg); }
    25%{background: url(img/ban2.jpg); }
    50%{background: url(img/ban3.jpg); }
    75%{background: url(img/ban4.jpg); }
    100%{background: url(img/ban5.jpg); } }
 
    
p.cel {color: white; font-size: 1.9rem; text-align: center; 
    margin: 450px auto 0 200px; width: 200px; background-color: rgba(128, 128, 128, 0.81);
    position: absolute; text-shadow: 1px 2px 3px black; }

of1 {display: block; height: 300px; width: 100vw; background-color: #dddddd;}
of1:hover {display: block; height: 300px; width: 100vw; filter: brightness(102%); transition: 0.5s;}
of1 h3 {display: inline-block; color: white; vertical-align: middle; height: 200px; width: 200px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin: 0 0 0 70px;}
of1 img {display: inline-block; height: 250; width: 300px; margin: 25px; border: 2px; border-color: white; border-style: solid;}
    
of2 {display: block; height: 300px; width: 100vw; background-color: #a7a0a0;}
of2:hover {display: block; height: 300px; width: 100vw; filter: brightness(102%); transition: 0.5s;}
of2 h3 {display: inline-block; color: white; vertical-align: middle; height: 200px; width: 200px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin: 0 0 0 70px;}
of2 img {display: inline-block; height: 250; width: 300px; margin: 25px; border: 2px; border-color: white; border-style: solid;}
    
of3 {display: block; height: 300px; width: 100vw; background-color: #606060;}
of3:hover {display: block; height: 300px; width: 100vw; filter: brightness(102%); transition: 0.5s;}
of3 h3 {display: inline-block; color: white; vertical-align: middle; height: 200px; width: 200px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin: 0 0 0 70px;}
of3 img {display: inline-block; height: 250; width: 300px; margin: 25px; border: 2px; border-color: white; border-style: solid;}
    
of4 {display: block; height: 300px; width: 100vw; background-color: #69dd91;}
of4:hover {display: block; height: 300px; width: 100vw; filter: brightness(102%); transition: 0.5s;}
of4 h3 {display: inline-block; color: white; vertical-align: middle; height: 200px; width: 200px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin: 2px 0 0 70px;}
of4 img {display: inline-block; height: 250; width: 300px; margin: -100px 25px 25px 25px; border: 2px; border-color: white; border-style: solid;}
    
of5 {display: block; height: 300px; width: 100vw; background-color: #3abf68;}
of5:hover {display: block; height: 300px; width: 100vw; filter: brightness(102%); transition: 0.5s;}
of5 h3 {display: inline-block; color: white; vertical-align: middle; height: 200px; width: 200px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin: 2px 0 0 70px;}
of5 img {display: inline-block; height: 250; width: 300px; margin: -100px 25px 25px 25px; border: 2px; border-color: white; border-style: solid;}
    
of6 {display: block; height: 300px; width: 100vw; background-color: #198e42;}
of6:hover {display: block; height: 300px; width: 100vw; filter: brightness(102%); transition: 0.5s;}
of6 h3 {display: inline-block; color: white; vertical-align: middle; height: 200px; width: 200px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin: 2px 0 0 70px;}
of6 img {display: inline-block; height: 250; width: 300px; margin: -100px 25px 25px 25px; border: 2px; border-color: white; border-style: solid;}
    
   
iframe.map {width: 400px; height: 400px; margin: 20px 0 10px 0;}

img.ban {width: 100vw;}
img.ce {width: 80vw; margin: 10px 0 0 10vw; border: 10px; border-style: solid; border-color: rgba(169, 169, 169, 0.74);}
    
img.lo {height: 160px; margin: 7px auto 0 auto; border: 7px; border-style: solid; border-color: rgba(169, 169, 169, 0.74); display: block;}
    
h1 {font-size: 1.2rem; width: 200px; text-align: center; margin: 20px 0 30px 35px; font-weight: 600; }
h4 {font-size: 1.2rem; margin: 20px 0 0 50px;}
h3.nazwa-obrazka {display: inline-block; width: 240px; height: 50px;}
    
p {font-size: 16px; line-height: 24px; margin: 10px 0 10px 10px;}
a.ofe {font-size: 16px; line-height: 24px; margin: 10px 0 10px 0; text-decoration: none; color: #483c3c; display: block;}

img.kw {width: 320px; height: 320px; margin: 10px 0 0 20px; z-index: 0;filter: contrast(110%);transition: 0.5s;}
img.kw:hover {width: 320px; height: 320px; margin: 10px 0 0 20px; z-index: 0;filter: contrast(80%); transition: 0.5s;}

stopka {height: 2vw; display: block;text-align: center; background-color: darkgrey;}
stopka a  { text-decoration: none; color: white;}  

#cookieinfo * {margin: 0px; padding: 0px;}

#cookieinfo {    position: fixed; font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    left: 0px;    bottom: 0px;    right: 0px;    background-color: #323334;
    padding: 20px;    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5); z-index: 1000;}

#cookieinfo h6 {font-size: 16px; font-weight: bold;    color: #cdd7da; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1); margin-bottom: 7px;}

#cookieinfo p {    font-size: 12px; color: #afb4bc;    line-height: 1.5em; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}
#cookieinfo a {    display: block;  position: absolute;    right: 10px;
    top: 10px;    width: 22px;    height: 22px;    border-radius: 11px;
    line-height: 22px;    font-size: 12px;    color: #ffffff;    text-align: center;
    text-decoration: none;    background-color: #ff6000;    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);}

#cookieinfo a:hover {    background-color: #ff7925;} 
    
}

@media only screen and (min-width: 1101px) and (max-width: 1600px) {
    
wrap {width: 1100px; min-height: 1200px; display: block; margin-left: auto; margin-right: auto; background-color: white;}
menu {position: relative; top: 0; left:0; margin: 0 auto; width: 1100px; height: 72px; display: block; background-color: white;}
menu a {display: inline-block; width: 145px; height: 40px; text-align: center; padding: 15px 3px 17px 3px; text-decoration: none; color: black; vertical-align: middle; font-size: 18px; font-weight: 500; transition: 0.5s;}
menu a:hover {display: inline-block; text-align: center; text-decoration: none; color: #242424; vertical-align: middle;  font-weight: 800; transition: 0.5s;}
menu img {display: inline-block; height: 63px; padding: 0px 5px 0px 5px;}

a.fb {margin: -64px 0 0 0; padding: 0;}
    
    /* dropdown menu */
.dropdown {position: relative; display: inline-block;}
.dropdown-content {display: none; position: absolute; background-color: #f9f9f9; top:50px; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.dropdown:hover .dropdown-content { display: block;}
.dropdown-content a {color: black; padding: 12px 16px; text-decoration: none; display: block;}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}
.divider{display:block;width: 100%; padding: 20px;}
    
    
.slider {margin-top: 0px; width: 1100px; height: 733px; background-position: center center; background-size: cover; background-repeat: no-repeat; backface-visibility: hidden;
    animation: slide 15s infinite 0s; animation-timing-function: ease-in-out; background-image: url(img/ban1.jpg); }
      
@keyframes slide{
    0%{background: url(img/ban1.jpg); }
    25%{background: url(img/ban2.jpg); }
    50%{background: url(img/ban3.jpg); }
    75%{background: url(img/ban4.jpg); }
    100%{background: url(img/ban5.jpg); } }
 
    
p.cel {color: white; font-size: 1.9rem; text-align: center; 
    margin: 450px auto 0 200px; width: 700px; background-color: rgba(128, 128, 128, 0.81);
    position: absolute; text-shadow: 1px 2px 3px black; }

of1 {display: block; height: 300px; width: 1100px; background-color: #dddddd;}
of1 h3 {display: inline-block; color: white; vertical-align: middle; height: 300px; width: 300px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin-top: -50px;}
of1 img {display: inline-block; height: 250; width: 500px; margin: 25px; border: 2px; border-color: white; border-style: solid;}
    
of2 {display: block; height: 300px; width: 1100px; background-color: #a7a0a0;}
of2 h3 {display: inline-block; color: white; vertical-align: middle; height: 300px; width: 300px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin-top: -50px;}
of2 img {display: inline-block; height: 250; width: 500px; margin: 25px 25px 25px 125px; border: 2px; border-color: white; border-style: solid;}
    
of3 {display: block; height: 300px; width: 1100px; background-color: #606060;}
of3 h3 {display: inline-block; color: white; vertical-align: middle; height: 300px; width: 300px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin-top: -90px;}
of3 img {display: inline-block; height: 250; width: 500px; margin: 25px 25px 25px 225px; border: 2px; border-color: white; border-style: solid;}
    
of4 {display: block; height: 300px; width: 1100px; background-color: #69dd91;}
of4 h3 {display: inline-block; color: white; vertical-align: middle; height: 300px; width: 300px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin-top: -50px; text-align: end; margin-left: -30px;}
of4 img {display: inline-block; height: 250; width: 500px; margin: 25px; border: 2px; border-color: white; border-style: solid;}
    
of5 {display: block; height: 300px; width: 1100px; background-color: #3abf68;}
of5 h3 {display: inline-block; color: white; vertical-align: middle; height: 300px; width: 300px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin-top: -90px; text-align: end; margin-left: 70px;}
of5 img {display: inline-block; height: 250; width: 500px; margin: 25px; border: 2px; border-color: white; border-style: solid;}
    
of6 {display: block; height: 300px; width: 1100px; background-color: #198e42;}
of6 h3 {display: inline-block; color: white; vertical-align: middle; height: 300px; width: 300px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin-top: -50px; text-align: end; margin-left: 170px;}
of6 img {display: inline-block; height: 250; width: 500px; margin: 25px; border: 2px; border-color: white; border-style: solid;}

of1:hover {filter: brightness(105%); transition: 0.5s; outline: 7px solid green; outline-offset: -30px;}
of2:hover, of3:hover, of4:hover, of5:hover, of6:hover {filter: brightness(120%); transition: 0.5s; outline: 7px solid green; outline-offset: -30px;}
    

iframe.map {width: 1100px; height: 500px; margin: 50px 0 10px 0;}
iframe.map:hover {width: 1100px; height: 500px; margin: 50px 0 10px 0;}

img.ban {width: 1100px;}
img.ce {width: 500px; margin: 10px 0 0 265px; border: 10px; border-style: solid; border-color: rgba(169, 169, 169, 0.74);}
img.ce:hover {width: 500px; margin: 10px 0 0 265px; border: 10px; border-style: solid; border-color: rgba(43, 165, 113, 0.94); transition: 0.5s;}
    

img.lo {height: 300px; margin: 10px 5px 0 5px; border: 10px; border-style: solid; border-color: rgba(169, 169, 169, 0.74); display: inline-block;}
img.lo:hover {border-color: rgba(43, 165, 113, 0.94); transition: 0.5s;}    
    
h1 {font-size: 1.6rem; width: 500px; text-align: center; margin: 20px 0 30px 275px; font-weight: 600; }
h4 {font-size: 1.6rem; margin: 20px 0 0 50px;}
h3.nazwa-obrazka {display: inline-block; width: 240px; height: 50px;}
    
p {font-size: 16px; line-height: 24px; margin: 10px 0 10px 0;}
a.ofe {font-size: 18px; line-height: 26px; margin: 10px 0 10px 28px; text-decoration: none; color: #483c3c; display: block;}
a.ofe:hover {font-weight: 600; color: black; transition: 0.5s;}


img.kw {width: 320px; height: 320px; margin: 10px 0 0 20px; z-index: 0;filter: contrast(110%);transition: 0.5s;}
img.kw:hover {width: 320px; height: 320px; margin: 10px 0 0 20px; z-index: 0;filter: contrast(80%); transition: 0.5s;}

stopka {height: 2vw; display: block;text-align: center; background-color: darkgrey;}
stopka a  { text-decoration: none; color: white;}  

#cookieinfo * {margin: 0px; padding: 0px;}

#cookieinfo {    position: fixed; font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    left: 0px;    bottom: 0px;    right: 0px;    background-color: #323334;
    padding: 20px;    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5); z-index: 1000;}

#cookieinfo h6 {font-size: 16px; font-weight: bold;    color: #cdd7da; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1); margin-bottom: 7px;}

#cookieinfo p {    font-size: 12px; color: #afb4bc;    line-height: 1.5em; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}
#cookieinfo a {    display: block;  position: absolute;    right: 10px;
    top: 10px;    width: 22px;    height: 22px;    border-radius: 11px;
    line-height: 22px;    font-size: 12px;    color: #ffffff;    text-align: center;
    text-decoration: none;    background-color: #ff6000;    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);}

#cookieinfo a:hover {    background-color: #ff7925;} 

}

@media only screen and (min-width: 1601px) and (max-width: 4444px) {
    wrap {width: 1600px; min-height: 1200px; display: block; margin-left: auto; margin-right: auto; background-color: white;}
menu {position: relative; top: 0; left:0; margin: 0 auto; width: 1600px; height: 70px; display: block; background-color: white;}
menu a {display: inline-block; width: 170px; height: 47px; text-align: center; padding: 10px 15px 20px 15px; text-decoration: none; color: black; vertical-align: middle; font-size: 19px; font-weight: 500; transition: 0.5s;}
menu a:hover {display: inline-block; width: 170px; height: 47px; text-align: center; padding: 10px 15px 20px 15px; text-decoration: none; color: #242424; vertical-align: middle; font-size: 19px; font-weight: 800; transition: 0.5s;}
menu img {display: inline-block; height: 63px; padding: 0px 2px 0px 3px;}

a.fb {margin: -64px 0 0 0; padding: 0;}
    
    /* dropdown menu */
.dropdown {position: relative; display: inline-block;}
.dropdown-content {display: none; position: absolute; background-color: #f9f9f9; top:50px; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.dropdown:hover .dropdown-content { display: block;}
.dropdown-content a {color: black; padding: 12px 16px; text-decoration: none; display: block;}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}
.divider{display:block;width: 100%; padding: 20px;}
    
    
.slider {margin-top: 0px; width: 1600px; height: 733px; background-position: center center; background-size: cover; background-repeat: no-repeat; backface-visibility: hidden;
    animation: slide 15s infinite 0s; animation-timing-function: ease-in-out; background-image: url(img/ban1.jpg); }
      
@keyframes slide{
    0%{background: url(img/ban1.jpg); }
    25%{background: url(img/ban2.jpg); }
    50%{background: url(img/ban3.jpg); }
    75%{background: url(img/ban4.jpg); }
    100%{background: url(img/ban5.jpg); } }
 
    
p.cel {color: white; font-size: 1.9rem; text-align: center; 
    margin: 450px auto 0 200px; width: 700px; background-color: rgba(128, 128, 128, 0.81);
    position: absolute; text-shadow: 1px 2px 3px black; }

of1 {display: block; height: 300px; width: 1600px; background-color: #dddddd;}
of1:hover {display: block; height: 300px; width: 1600px; filter: brightness(102%); transition: 0.5s;}
of1 h3 {display: inline-block; color: white; vertical-align: middle; height: 300px; width: 300px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin-top: -50px;}
of1 img {display: inline-block; height: 250; width: 500px; margin: 25px; border: 2px; border-color: white; border-style: solid;}
    
of2 {display: block; height: 300px; width: 1600px; background-color: #a7a0a0;}
of2:hover {display: block; height: 300px; width: 1600px; filter: brightness(110%); transition: 0.5s;}
of2 h3 {display: inline-block; color: white; vertical-align: middle; height: 300px; width: 300px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin-top: -50px;}
of2 img {display: inline-block; height: 250; width: 500px; margin: 25px 25px 25px 125px; border: 2px; border-color: white; border-style: solid;}
    
of3 {display: block; height: 300px; width: 1600px; background-color: #606060;}
of3:hover {display: block; height: 300px; width: 1600px; filter: brightness(130%); transition: 0.5s;}
of3 h3 {display: inline-block; color: white; vertical-align: middle; height: 300px; width: 300px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin-top: -90px;}
of3 img {display: inline-block; height: 250; width: 500px; margin: 25px 25px 25px 225px; border: 2px; border-color: white; border-style: solid;}
    
of4 {display: block; height: 300px; width: 1600px; background-color: #69dd91;}
of4:hover {display: block; height: 300px; width: 1600px; filter: brightness(110%); transition: 0.5s;}
of4 h3 {display: inline-block; color: white; vertical-align: middle; height: 300px; width: 300px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin-top: -50px; text-align: end; margin-left: -30px;}
of4 img {display: inline-block; height: 250; width: 500px; margin: 25px; border: 2px; border-color: white; border-style: solid;}
    
of5 {display: block; height: 300px; width: 1600px; background-color: #3abf68;}
of5:hover {display: block; height: 300px; width: 1600px; filter: brightness(130%); transition: 0.5s;}
of5 h3 {display: inline-block; color: white; vertical-align: middle; height: 300px; width: 300px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin-top: -90px; text-align: end; margin-left: 70px;}
of5 img {display: inline-block; height: 250; width: 500px; margin: 25px; border: 2px; border-color: white; border-style: solid;}
    
of6 {display: block; height: 300px; width: 1600px; background-color: #198e42;}
of6:hover {display: block; height: 300px; width: 1600px; filter: brightness(110%); transition: 0.5s;}
of6 h3 {display: inline-block; color: white; vertical-align: middle; height: 300px; width: 300px; font-size: 2.2rem; padding: 0px 20px 0 20px; margin-top: -50px; text-align: end; margin-left: 170px;}
of6 img {display: inline-block; height: 250; width: 500px; margin: 25px; border: 2px; border-color: white; border-style: solid;}
    
iframe.map {width: 1600px; height: 700px; margin: 50px 0 10px 0;}
iframe.map:hover {width: 1600px; height: 700px; margin: 50px 0 10px 0;}

img.ban {width: 1600px;}
img.ce {width: 500px; margin: 10px 0 0 265px; border: 10px; border-style: solid; border-color: rgba(169, 169, 169, 0.74);}
img.ce:hover {width: 500px; margin: 10px 0 0 265px; border: 10px; border-style: solid; border-color: rgba(43, 165, 113, 0.94); transition: 0.5s;}
    
    img.lo {height: 300px; margin: 10px 5px 0 5px; border: 10px; border-style: solid; border-color: rgba(169, 169, 169, 0.74); display: inline-block;}
img.lo:hover {border-color: rgba(43, 165, 113, 0.94); transition: 0.5s;}  
    
h1 {font-size: 1.6rem; width: 500px; text-align: center; margin: 20px 0 30px 275px; font-weight: 600; }
h4 {font-size: 1.6rem; margin: 20px 0 0 50px;}
h3.nazwa-obrazka {display: inline-block; width: 240px; height: 50px;}
    
p {font-size: 16px; line-height: 24px; margin: 10px 0 10px 0;}
a.ofe {font-size: 18px; line-height: 26px; margin: 10px 0 10px 28px; text-decoration: none; color: #483c3c; display: block;}
a.ofe:hover {font-weight: 600; color: black; transition: 0.5s;}

img.kw {width: 320px; height: 320px; margin: 10px 0 0 20px; z-index: 0;filter: contrast(110%);transition: 0.5s;}
img.kw:hover {width: 320px; height: 320px; margin: 10px 0 0 20px; z-index: 0;filter: contrast(80%); transition: 0.5s;}
    
stopka {height: 2vw; display: block;text-align: center; background-color: darkgrey;}
stopka a  { text-decoration: none; color: white;}  

#cookieinfo * {margin: 0px; padding: 0px;}

#cookieinfo {    position: fixed; font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    left: 0px;    bottom: 0px;    right: 0px;    background-color: #323334;
    padding: 20px;    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5); z-index: 1000;}

#cookieinfo h6 {font-size: 16px; font-weight: bold;    color: #cdd7da; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1); margin-bottom: 7px;}

#cookieinfo p {    font-size: 12px; color: #afb4bc;    line-height: 1.5em; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}
#cookieinfo a {    display: block;  position: absolute;    right: 10px;
    top: 10px;    width: 22px;    height: 22px;    border-radius: 11px;
    line-height: 22px;    font-size: 12px;    color: #ffffff;    text-align: center;
    text-decoration: none;    background-color: #ff6000;    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);}

#cookieinfo a:hover {    background-color: #ff7925;} s
    
    }