html, body, div, iframe, h1, h2, h3, h4, h5, h6, p, a, del, em, img, q, s, small, strong, b, u, i, center,
dl, dt, dd, ol, ul, li, table, tr, th, td, article, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;
vertical-align: baseline;}

html {font-family: 'Unica One', cursive;}

body {background-color: white; background-repeat: repeat; background-size: 100vw;}

@media only screen and (min-width: 0px) and (max-width: 500px) {

nav {background-color: rgba(120, 133, 141, 0.6); width: 100%; height: 10vw; position: fixed;}
parallax1 {background-image: url(img/tlo1.jpg); width: 100%; height: 100vh; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; display: block; text-align: center;}
parallax2 {background-image: url(img/tlo2.jpg); width: 100%; height: 40vh; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; display: block;}
parallax3 {background-image: url(img/tlo3.jpg); width: 100%; height: 40vh; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; display: block;}

uslugi {width: 90vw; margin-left: 5vw; display: block; overflow-y: auto; background-color: rgba(255, 255, 255, 0.8);}
usluga {width: 83vw; margin-left: 3vw; height: 40vw; display: block; overflow-y: auto;}
usluga img {border-radius: 50%; width: 28vw; margin: 1vw 7vw 1vw 1vw; float: left;}
usluga p {padding: 10vw 0 0 9vw; font-size: 0.8rem; }
zastosowanie {width: 90vw; margin-left: 5vw; display: block; overflow-y: auto; background-color: rgba(255, 255, 255, 0.8);}
sprzet {width: 90vw; margin-left: 5vw; height: 110vh; display: block; overflow-y: auto; background-color: rgba(255, 255, 255, 0.8);}
sprzet img {width: 15vw; margin: 1vw;}

stopka {width: 100%; height: 5vh; display: block; overflow-y: auto; background-color: skyblue;text-align: center;}
stopka a { text-decoration: none; color: white; font-size: 0.6rem; line-height: 1.7rem;}

li {display: inline-block; width: 31vw; margin-top: 1.4vw; text-align: center;}
nav a {text-decoration: none; margin: 1vw 0.5vw 0 1vw; color: white; font-size: 1rem;
text-shadow: 1px 2px 3px #5c5858; letter-spacing: 1.9px; }    
nav a:hover {text-decoration: none; margin: 1vw 0.5vw 0 1vw; color: yellow; font-size: 1rem;
text-shadow: 0.2rem 0.3rem 0.5rem #2f2424; letter-spacing: 2.9px; }    

h1 { margin-top: 49vw; background-color: rgba(255, 255, 255, 0.73); font-size: 1.8rem; letter-spacing: 0.5rem; display: inline-block; padding: 0 1vw 0 1vw;}
h2 {background-color: rgba(255, 255, 255, 0.63); font-size: 1.5rem; letter-spacing: 0.3rem; display: inline-block; padding: 0 1vw 0 1vw;}
h4 {text-align: center; font-size: 1.6rem; margin: 2vw 0 2vw 0;}
h5 {text-align: center; font-size: 1.3rem; margin: 2vw 0 2vw 0;}
p {font-size: 1.2rem; line-height: 1.8rem;} }

@media only screen and (min-width: 501px) and (max-width: 1099px) {

nav {background-color: rgba(120, 133, 141, 0.6); width: 90vw; margin-left: 5vw; height: 5vw; position: fixed;}
parallax1 {background-image: url(img/tlo1.jpg); width: 90vw; margin-left: 5vw; height: 100vh; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; display: block; text-align: center;}
parallax2 {background-image: url(img/tlo2.jpg); width: 90vw; margin-left: 5vw; height: 40vh; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; display: block;}
parallax3 {background-image: url(img/tlo3.jpg); width: 90vw; margin-left: 5vw; height: 40vh; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; display: block;}

uslugi {width: 90vw; margin-left: 5vw; display: block; overflow-y: auto; background-color: rgba(255, 255, 255, 0.8);}
usluga {width: 83vw; margin-left: 3vw; height: 20vw; display: block; overflow-y: auto;}
usluga img {border-radius: 50%; width: 18vw; margin: 1vw 3vw 1vw 1vw; float: left;}
usluga p {padding: 4.5vw 0 0 0; font-size: 1.4rem; }
zastosowanie {width: 90vw; margin-left: 5vw; display: block; overflow-y: auto; background-color: rgba(255, 255, 255, 0.8);}
sprzet {width: 90vw; margin-left: 5vw; height: 110vh; display: block; overflow-y: auto; background-color: rgba(255, 255, 255, 0.8);}
sprzet img {width: 15vw; margin: 1vw;}

stopka {width: 90vw; margin-left: 5vw; height: 5vh; display: block; overflow-y: auto; background-color: skyblue;text-align: center;}
stopka a { text-decoration: none; color: white; font-size: 1.2rem; line-height: 2.2rem;}

li {display: inline-block; width: 17vw; margin-top: 1.4vw; text-align: center;}
nav a {text-decoration: none; margin: 1vw 0.5vw 0 1vw; color: white; font-size: 1.3rem;
text-shadow: 1px 2px 3px #5c5858; letter-spacing: 1.9px; }    
nav a:hover {text-decoration: none; margin: 1vw 0.5vw 0 1vw; color: yellow; font-size: 1.3rem;
text-shadow: 0.2rem 0.3rem 0.5rem #2f2424; letter-spacing: 2.9px; }    

h1 { margin-top: 29vw; background-color: rgba(255, 255, 255, 0.73); font-size: 2.4rem; letter-spacing: 0.5rem; display: inline-block; padding: 0 1vw 0 1vw;}
h2 {background-color: rgba(255, 255, 255, 0.63); font-size: 1.8rem; letter-spacing: 0.3rem; display: inline-block; padding: 0 1vw 0 1vw;}
h4 {text-align: center; font-size: 2rem; margin: 2vw 0 2vw 0;}
h5 {text-align: center; font-size: 1.8rem; margin: 2vw 0 2vw 0;}
p {font-size: 1.5rem; line-height: 1.8rem;} }

@media only screen and (min-width: 1100px) and (max-width: 1500px) {

nav {background-color: rgba(120, 133, 141, 0.6); width: 90vw; margin-left: 5vw; height: 5vw; position: fixed;}
parallax1 {background-image: url(img/tlo1.jpg); width: 90vw; margin-left: 5vw; height: 100vh; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; display: block; text-align: center;}
parallax2 {background-image: url(img/tlo2.jpg); width: 90vw; margin-left: 5vw; height: 40vh; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; display: block;}
parallax3 {background-image: url(img/tlo3.jpg); width: 90vw; margin-left: 5vw; height: 40vh; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; display: block;}

uslugi {width: 90vw; margin-left: 5vw; display: block; overflow-y: auto; background-color: rgba(255, 255, 255, 0.8);}
usluga {width: 80vw; margin-left: 5vw; height: 20vw; display: block; overflow-y: auto;}
usluga img {border-radius: 50%; width: 18vw; margin: 1vw 3vw 1vw 1vw; float: left;}
usluga p {padding: 6.5vw 0 0 0; font-size: 1.7rem; }
zastosowanie {width: 90vw; margin-left: 5vw; display: block; overflow-y: auto; background-color: rgba(255, 255, 255, 0.8);}
sprzet {width: 90vw; margin-left: 5vw; height: 110vh; display: block; overflow-y: auto; background-color: rgba(255, 255, 255, 0.8);}
sprzet img {width: 15vw; margin: 1vw;}

stopka {width: 90vw; margin-left: 5vw; height: 5vh; display: block; overflow-y: auto; background-color: skyblue;text-align: center;}
stopka a { text-decoration: none; color: white; font-size: 1.2rem; line-height: 2.2rem;}

li {display: inline-block; width: 28vw; margin-top: 1.4vw; text-align: center;}
nav a {text-decoration: none; margin: 1vw 0.5vw 0 1vw; color: white; font-size: 1.6rem;
text-shadow: 1px 2px 3px #5c5858; letter-spacing: 1.9px; }    
nav a:hover {text-decoration: none; margin: 1vw 0.5vw 0 1vw; color: yellow; font-size: 1.6rem;
text-shadow: 0.2rem 0.3rem 0.5rem #2f2424; letter-spacing: 2.9px; }    

h1 { margin-top: 29vw; background-color: rgba(255, 255, 255, 0.73); font-size: 3.4rem; letter-spacing: 0.5rem; display: inline-block; padding: 0 1vw 0 1vw;}
h2 {background-color: rgba(255, 255, 255, 0.63); font-size: 2rem; letter-spacing: 0.3rem; display: inline-block; padding: 0 1vw 0 1vw;}
h4 {text-align: center; font-size: 2rem; margin: 2vw 0 2vw 0;}
h5 {text-align: center; font-size: 1.8rem; margin: 2vw 0 2vw 0;}
p {font-size: 1.5rem; line-height: 2rem;} }

@media only screen and (min-width: 1501px) and (max-width: 3000px) {

nav {background-color: rgba(120, 133, 141, 0.6); width: 90vw; margin-left: 5vw; height: 5vw; position: fixed;}
parallax1 {background-image: url(img/tlo1.jpg); width: 90vw; margin-left: 5vw; height: 100vh; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; display: block; text-align: center;}
parallax2 {background-image: url(img/tlo2.jpg); width: 90vw; margin-left: 5vw; height: 40vh; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; display: block;}
parallax3 {background-image: url(img/tlo3.jpg); width: 90vw; margin-left: 5vw; height: 40vh; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; display: block;}

uslugi {width: 90vw; margin-left: 5vw; display: block; overflow-y: auto; background-color: rgba(255, 255, 255, 0.8);}
usluga {width: 80vw; margin-left: 5vw; height: 20vw; display: block; overflow-y: auto;}
usluga img {border-radius: 50%; width: 18vw; margin: 1vw 3vw 1vw 1vw; float: left;}
usluga p {padding: 6.5vw 0 0 0; font-size: 1.7rem; }
zastosowanie {width: 90vw; margin-left: 5vw; display: block; overflow-y: auto; background-color: rgba(255, 255, 255, 0.8);}
sprzet {width: 90vw; margin-left: 5vw; height: 110vh; display: block; overflow-y: auto; background-color: rgba(255, 255, 255, 0.8);}
sprzet img {width: 15vw; margin: 1vw;}

stopka {width: 90vw; margin-left: 5vw; height: 5vh; display: block; overflow-y: auto; background-color: skyblue;text-align: center;}
stopka a { text-decoration: none; color: white; font-size: 1.2rem; line-height: 2.2rem;}

li {display: inline-block; width: 28vw; margin-top: 1.4vw; text-align: center;}
nav a {text-decoration: none; margin: 1vw 0.5vw 0 1vw; color: white; font-size: 1.6rem;
text-shadow: 1px 2px 3px #5c5858; letter-spacing: 1.9px; }    
nav a:hover {text-decoration: none; margin: 1vw 0.5vw 0 1vw; color: yellow; font-size: 1.6rem;
text-shadow: 0.2rem 0.3rem 0.5rem #2f2424; letter-spacing: 2.9px; }    

h1 { margin-top: 29vw; background-color: rgba(255, 255, 255, 0.73); font-size: 3.4rem; letter-spacing: 0.5rem; display: inline-block; padding: 0 1vw 0 1vw;}
h2 {background-color: rgba(255, 255, 255, 0.63); font-size: 2rem; letter-spacing: 0.3rem; display: inline-block; padding: 0 1vw 0 1vw;}
h4 {text-align: center; font-size: 2rem; margin: 2vw 0 2vw 0;}
h5 {text-align: center; font-size: 1.8rem; margin: 2vw 0 2vw 0;}
p {font-size: 1.5rem; line-height: 1.8rem;} }