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: 'Josefin', arial, sans-serif;background-color: gainsboro; overflow-x: hidden;}

@media only screen and (min-width: 120px) and (max-width: 600px) {
    
menu {width: 100%; height: 14vw; position: fixed; display: block; font-size: 1rem; text-align: center; background-color: gainsboro;}
a.nawigacja {width: 30vw; text-decoration: none; display: inline-block; line-height: 1.6rem; color: black;}    
a.nawigacja:hover {box-shadow: 0.2rem 0.3rem 0.5rem #2f2424;}    

    podmenu {width: 100%; height: 14vw; display: block;}
obrazek1 {background-image: url(img/sadzonka_mobile.jpg); background-size: 100%; display: block; height: 50vw; width: 100vw;}
obrazek2 {background-image: url(img/sadzonki_mobile.jpg); background-size: 100%; display: block; height: 50vw; width: 100vw;}
obrazek3 {background-image: url(img/badania_mobile.jpg); background-size: 100%; display: block; height: 50vw; width: 100vw;}
obrazek4 {background-image: url(img/konie_mobile.jpg); background-size: 100%; display: block; height: 50vw; width: 100vw;}

section {width: 100%; min-height: 60vw; display: block;}
img.logo {width: 10vw; margin: 2vw 0 2vw 45vw;}
h1 {font-size: 1.2rem; margin: 2vw;}
p {text-align: justify; font-size: 0.9rem; margin: 0 2vw 0 2vw; line-height: 1.7rem;}
li {text-align: justify; font-size: 1rem; margin: 0 2vw 0 8vw; line-height: 1.7rem;}
img.galeria {width: 44.3vw; display: inline-block; margin: 2vw; box-shadow: 0.2rem 0.3rem 0.5rem #2f2424;}
img.ce {width: 80vw; display: inline-block; margin: 1vw 0 1vw 10vw; box-shadow: 0.2rem 0.3rem 0.5rem #2f2424;}
    
h3 {font-size: 1rem; margin: 0 2vw 0 2vw; line-height: 1.7rem;}
table {border: 2px; border-color: white; border-style: solid; margin: 2vw;}
    tr {border: 2px; border-color: white; border-style: solid;}
td.opis {width: 70vw; height: 10vw; vertical-align: middle;}
td.zdj {width: 10vw; height: 10vw;}
td.cena {width: 10vw; height: 10vw; vertical-align: middle;}
td.zdj img {width: 10vw;}

danetel  {width: 100%; height: 30vw; display: block;}
h4 {font-size: 1rem; text-align: center; line-height: 1.4rem;}
stopka {width: 100%; height: 4vw; display: block;text-align: center;}
a.stopka {font-size: 0.6rem; width: 100vw;  text-decoration: none; color: black; text-decoration: underline;}  
}

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

menu {width: 100%; height: 3vw; position: fixed; display: block; font-size: 1.2rem; text-align: center; background-color: gainsboro;}
a.nawigacja {width: 14vw; text-decoration: none; display: inline-block; line-height: 2.2rem; color: black;}    
a.nawigacja:hover {box-shadow: 0.2rem 0.3rem 0.5rem #2f2424;}    

    podmenu {width: 100%; height: 3vw; display: block;}
obrazek1 {background-image: url(img/sadzonka_komp.jpg); background-size: 100%; display: block; height: 30vw; width: 100vw;}
obrazek2 {background-image: url(img/sadzonki_komp.jpg); background-size: 100%; display: block; height: 30vw; width: 100vw;}
obrazek3 {background-image: url(img/badania_komp.jpg); background-size: 100%; display: block; height: 30vw; width: 100vw;}
obrazek4 {background-image: url(img/konie_komp.jpg); background-size: 100%; display: block; height: 30vw; width: 100vw;}

section {width: 100%; min-height: 60vw; display: block;}
img.logo {width: 10vw; margin: 2vw 0 2vw 45vw;}
h1 {font-size: 1.4rem; margin: 2vw;}
p {text-align: justify; font-size: 1.1rem; margin: 0 2vw 0 2vw; line-height: 1.7rem;}
li {text-align: justify; font-size: 1.1rem; margin: 0 2vw 0 4vw; line-height: 1.7rem;}
img.galeria {width: 22.3vw; display: inline-block; margin: 1vw; box-shadow: 0.2rem 0.3rem 0.5rem #2f2424;}
img.ce {width: 60vw; display: inline-block; margin: 1vw 0 1vw 20vw; box-shadow: 0.2rem 0.3rem 0.5rem #2f2424;}
    
h3 {font-size: 1.2rem; margin: 0 2vw 0 2vw; line-height: 1.7rem;}
table {border: 2px; border-color: white; border-style: solid; margin: 2vw;}
    tr {}
td.opis {width: 50vw; height: 10vw; vertical-align: middle;}
td.zdj {width: 10vw; height: 10vw;}
td.cena {width: 10vw; height: 10vw; vertical-align: middle;}
td.zdj img {width: 10vw;}

    danetel  {width: 100%; height: 10vw; display: block;}
h4 {font-size: 1.2rem; text-align: center; line-height: 1.6rem;}
stopka {width: 100%; height: 4vw; display: block;text-align: center;}
a.stopka {font-size: 0.7rem; width: 100vw;  text-decoration: none; color: black; text-decoration: underline;}  
    
}

@media only screen and (min-width: 1101px) and (max-width: 1600px) {
 
menu {width: 100%; height: 3vw; position: fixed; display: block; font-size: 1.2rem; text-align: center; background-color: gainsboro;}
a.nawigacja {width: 14vw; text-decoration: none; display: inline-block; line-height: 2.2rem; color: black;}    
a.nawigacja:hover {box-shadow: 0.2rem 0.3rem 0.5rem #2f2424;}    

    podmenu {width: 100%; height: 3vw; display: block;}
obrazek1 {background-image: url(img/sadzonka_komp.jpg); background-size: 100%; display: block; height: 30vw; width: 100vw;}
obrazek2 {background-image: url(img/sadzonki_komp.jpg); background-size: 100%; display: block; height: 30vw; width: 100vw;}
obrazek3 {background-image: url(img/badania_komp.jpg); background-size: 100%; display: block; height: 30vw; width: 100vw;}
obrazek4 {background-image: url(img/konie_komp.jpg); background-size: 100%; display: block; height: 30vw; width: 100vw;}

section {width: 100%; min-height: 60vw; display: block;}
img.logo {width: 10vw; margin: 2vw 0 2vw 45vw;}
h1 {font-size: 1.4rem; margin: 2vw;}
p {text-align: justify; font-size: 1.1rem; margin: 0 2vw 0 2vw; line-height: 1.7rem;}
li {text-align: justify; font-size: 1.1rem; margin: 0 2vw 0 4vw; line-height: 1.7rem;}
img.galeria {width: 22.3vw; display: inline-block; margin: 1vw; box-shadow: 0.2rem 0.3rem 0.5rem #2f2424;}
img.ce {width: 60vw; display: inline-block; margin: 1vw 0 1vw 20vw; box-shadow: 0.2rem 0.3rem 0.5rem #2f2424;}
    
h3 {font-size: 1.2rem; margin: 0 2vw 0 2vw; line-height: 1.7rem;}
table {border: 2px; border-color: white; border-style: solid; margin: 2vw;}
    tr {}
td.opis {width: 50vw; height: 10vw; vertical-align: middle;}
td.zdj {width: 10vw; height: 10vw;}
td.cena {width: 10vw; height: 10vw; vertical-align: middle;}
td.zdj img {width: 10vw;}

    danetel  {width: 100%; height: 10vw; display: block;}
h4 {font-size: 1.2rem; text-align: center; line-height: 1.6rem;}
stopka {width: 100%; height: 4vw; display: block;text-align: center;}
a.stopka {font-size: 0.7rem; width: 100vw;  text-decoration: none; color: black; text-decoration: underline;}  

}

@media only screen and (min-width: 1601px) and (max-width: 4444px) {
    
    menu {width: 100%; height: 3vw; position: fixed; display: block; font-size: 1.2rem; text-align: center; background-color: gainsboro;}
a.nawigacja {width: 14vw; text-decoration: none; display: inline-block; line-height: 2.2rem; color: black;}    
a.nawigacja:hover {box-shadow: 0.2rem 0.3rem 0.5rem #2f2424;}    

    podmenu {width: 100%; height: 3vw; display: block;}
obrazek1 {background-image: url(img/sadzonka_komp.jpg); background-size: 100%; display: block; height: 30vw; width: 100vw;}
obrazek2 {background-image: url(img/sadzonki_komp.jpg); background-size: 100%; display: block; height: 30vw; width: 100vw;}
obrazek3 {background-image: url(img/badania_komp.jpg); background-size: 100%; display: block; height: 30vw; width: 100vw;}
obrazek4 {background-image: url(img/konie_komp.jpg); background-size: 100%; display: block; height: 30vw; width: 100vw;}

section {width: 100%; min-height: 60vw; display: block;}
img.logo {width: 10vw; margin: 2vw 0 2vw 45vw;}
h1 {font-size: 1.4rem; margin: 2vw;}
p {text-align: justify; font-size: 1.1rem; margin: 0 2vw 0 2vw; line-height: 1.7rem;}
li {text-align: justify; font-size: 1.1rem; margin: 0 2vw 0 4vw; line-height: 1.7rem;}
img.galeria {width: 22.3vw; display: inline-block; margin: 1vw; box-shadow: 0.2rem 0.3rem 0.5rem #2f2424;}
img.ce {width: 60vw; display: inline-block; margin: 1vw 0 1vw 20vw; box-shadow: 0.2rem 0.3rem 0.5rem #2f2424;}
    
h3 {font-size: 1.2rem; margin: 0 2vw 0 2vw; line-height: 1.7rem;}
table {border: 2px; border-color: white; border-style: solid; margin: 2vw;}
    tr {}
td.opis {width: 50vw; height: 10vw; vertical-align: middle;}
td.zdj {width: 10vw; height: 10vw;}
td.cena {width: 10vw; height: 10vw; vertical-align: middle;}
td.zdj img {width: 10vw;}

    danetel  {width: 100%; height: 10vw; display: block;}
h4 {font-size: 1.2rem; text-align: center; line-height: 1.6rem;}
stopka {width: 100%; height: 4vw; display: block;text-align: center;}
a.stopka {font-size: 0.7rem; width: 100vw;  text-decoration: none; color: black; text-decoration: underline;}  
    }