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;}

@media only screen and (min-width: 0px) and (max-width: 500px) {
    
body {font-family: 'Open Sans', sans-serif; background-color: rgba(235, 239, 231, 0.44);}

div.container {min-height: 100vh; margin-bottom: 3vw;}
div.container2 {min-height: 100vh;margin-bottom: 3vw;}
div.container3 {min-height: 100vh;margin: 0 4vw 3vw 4vw;}
div.container4 {height: 30vh;margin-bottom: 3vw;}
div.container5 {min-height: 320vh;margin-bottom: 3vw;}
div.container6 {height: 10vh;margin-bottom: 1vw; display: block;}
div.containerF {width: 70vw; margin-left: 15vw;}
div.containerF input#tresc {height: 80px;}
stopka {width: 100vw; height: 5vw; display: block;}
div {text-align: center;}
    
nav {background-color: rgba(255, 177, 0, 0.57); text-align: center;
width: 100vw; height: 6vh; position: fixed; display: block;z-index: 3;}
    
a.menu {font-family: 'Amatic SC'; text-decoration: none;
margin: 0 1vw 0 1vw; color: white; font-size: 1.1rem;
text-shadow: 1px 2px 3px #5c5858; letter-spacing: 3px; line-height: 2rem;}
    
a.kotwica {margin: 0; padding: 0;}

a.przycisk {}    

a.ikona {font-family: 'Open Sans', sans-serif; font-size: 1rem; color: #0a1404; text-decoration: none;}
    
a.stopka {font-family: 'Open Sans', sans-serif; width: 100vw; height: 3.5vh;
padding: 1.5vw 0 0 0; background-color: #172a2a; color: white; font-size: 0.8rem;
display: block; text-align: center; text-decoration: none; clear: both;}

h1 {font-family: 'Amatic SC'; text-align: center; padding: 0.5vw 2vw 0.5vw 1vw;
font-size: 2rem; letter-spacing: 4px; color: white; margin: 27vw 0 0 0vw;
text-shadow: 1px 2px 3px #5c5858;z-index: 3;}

h2 {font-family: 'Amatic SC'; text-align: center; font-size: 1.5rem; letter-spacing: 6px;
color: white; text-shadow: 1px 2px 3px #5c5858; z-index: 3;}

h3 {font-family: 'Amatic SC';text-align: center;font-size: 1.5rem;color: #1c1714;
font-weight: 550;margin: 5vw 0 0 0; padding-bottom: 3vw; text-shadow: 1px 2px 3px #bab6b6;
letter-spacing: 2px; }

h4 {text-align: center; font-size: 1rem; font-weight: 600;
color: #58863d; margin: 3vw 0 0 0; z-index: 3;}

h5 {font-family: 'Spartan'; text-align: center; font-size: 0.8rem;
letter-spacing: 6px; margin: 10vw 0 0 0; text-shadow: 1px 2px 3px #5c5858; display: inline-block; z-index: 3;}

.module {width: 100vw; height: 100vh; background-position: center;
background-size: cover; background-repeat: no-repeat;
backface-visibility: hidden; display: block;
background-image: url(foto1.jpg); 
z-index: 1; position: relative; overflow: hidden;}

.module > section { position: absolute; bottom: 0; left: 0;
  width: 100vw; padding: 2vw 1vw; background: inherit;
  background-attachment: fixed; overflow: hidden;}

.module > section::before {content: ""; position: absolute;
  top: -20px; left: 0; width: 120%; height: 120%; background: inherit; background-attachment: fixed;
-webkit-filter: blur(4px);
filter: blur(4px);}

.module > section::after {content: ""; position: absolute; top: 0;
  left: 0; width: 100vw; height: 20vh;}
.module > section > h5 {margin: 0; color: white; position: relative; z-index: 1;}
.module > section > h2 {margin: 0; color: white; position: relative; z-index: 1;}
.module > section > h1 {margin: 0; color: white; position: relative; z-index: 1;}

{box-sizing: border-box;}

h6 {font-family: 'Amatic SC'; text-align: center;
font-size: 1.2rem; color: #646d5e;
font-weight: 700; margin: 5vw 0 0 0; 
padding-bottom: 3vw; letter-spacing: 1px;}
    
p.tekst {font-family: 'Spartan'; text-align: center; font-size: 0.9rem;
font-weight: 500; line-height: 1.3rem; color: #646d5e;
margin: 3vw 8vw 0 8vw; text-decoration: none;}

p.tekst2 {font-family: 'Spartan'; text-align: center; font-size: 1rem;
font-weight: 500; font-style: italic; line-height: 2vw;
color: #646d5e; margin: 2vw 20vw 0 20vw; text-decoration: none;}

p.opis {text-align: center; font-size: 1rem; color: #646d5e; margin: 1vw 5vw 0 5vw; text-decoration: none;}
    
img.foto {width: 40vw; height: 16vw;}
img.foto2 {width: 24vw; height: 12vw; padding-top: 7vw;}
img.atrakcja {width: 55vw; margin: 1vw 1vw 0 1.5vw;
    box-shadow: 10px 10px 5px grey;}    
img.galeria {width: 84vw; height: 60vw; margin: 2vw 3vw 1vw 3vw;
    box-shadow: 10px 10px 5px grey;}
img.przycisk {width: 15vw; margin: 0;}
img.przycisk2 {width: 20vw; height: 20vw; margin: 3vw 1vw 0.5vw 40vw; display: inline-block; float: left;}
img.mapka {width: 90vw; max-height: 80%; margin-left: 5vw;}
    
parallax {background-image: url(foto/agroturystyka_zawada.jpg); width: 100vw;
height: 25vw; background-attachment: fixed; background-position: center;
background-repeat: no-repeat; background-size: cover; display: block;}
    
parallax1 {background-image: url(foto/las_zawada.jpg); width: 100vw;
height: 25vw; background-attachment: fixed;
background-position: center; background-repeat: no-repeat;
background-size: cover; display: block;}
 
    .dojazd-mapa {
        max-height: 100vh;
    }
iframe {min-width: 100vw; min-height: 100vh;}
div.mapa {width: 100vw; max-height: 26vw; margin: 3vw 0 0 0; }
.contact-form__contact {
        color: white;
        margin-top: 50px;
        padding-top: 50px;
        background-image: url(formularz.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        z-index: 0;
    }
    .contact-form__contact::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: -1;
}
    .contact-form__header {
    letter-spacing: 3px;
    text-align: center;
    margin: 0 0 20px 0;
    padding-top: 60px;
    font-style: normal;
    font-weight: 500;
    color: #eee;
    line-height: 1.5;
    font-size: 22px;
    text-transform: uppercase;
    text-shadow: 1px 2px 2px black;
}
}

@media only screen and (min-width: 501px) and (max-width: 1099px) {
    
body {font-family: 'Open Sans', sans-serif; background-color: rgba(235, 239, 231, 0.44);}

div.container {min-height: 100vh; margin-bottom: 3vw;}
div.container2 {min-height: 100vh;margin-bottom: 3vw;}
div.container3 {min-height: 100vh;margin: 0 4vw 3vw 4vw;}
div.container4 {height: 30vh;margin-bottom: 3vw;}
div.container5 {min-height: 240vh;margin-bottom: 3vw;}
div.container6 {height: 15vh;margin-bottom: 1vw; display: block;}
div.containerF {width: 60vw; margin-left: 20vw;}
div.containerF input#tresc {height: 70px;}
stopka {width: 100vw; height: 5vw; display: block;}
div {text-align: center;}
    
nav {background-color: rgba(255, 177, 0, 0.57); text-align: center;
width: 100vw; height: 4vw; position: fixed; display: block;z-index: 3;}
    
a.menu {font-family: 'Amatic SC'; text-decoration: none;
margin: 0 1.5vw 0 2vw; color: white; font-size: 1.4rem;
text-shadow: 1px 2px 3px #5c5858; letter-spacing: 3px; line-height: 2rem;}
    
a.kotwica {margin: 0; padding: 0;}

a.przycisk {}    

a.ikona {font-family: 'Open Sans', sans-serif; font-size: 1.3rem; color: #0a1404; text-decoration: none;}
    
a.stopka {font-family: 'Open Sans', sans-serif; width: 100vw; height: 3.5vw;
padding: 1.5vw 0 0 0; background-color: #172a2a; color: white; font-size: 0.8rem;
display: block; text-align: center; text-decoration: none; clear: both;}

h1 {font-family: 'Amatic SC'; text-align: center; padding: 0.5vw 2vw 0.5vw 1vw;
font-size: 3rem; letter-spacing: 4px; color: white; margin: 27vw 0 0 0vw;
text-shadow: 1px 2px 3px #5c5858;z-index: 3;}

h2 {font-family: 'Amatic SC'; text-align: center; font-size: 2rem; letter-spacing: 6px;
color: white; text-shadow: 1px 2px 3px #5c5858; z-index: 3;}

h3 {font-family: 'Amatic SC';text-align: center;font-size: 2.5rem;color: #1c1714;
font-weight: 550;margin: 5vw 0 0 0; padding-bottom: 3vw; text-shadow: 1px 2px 3px #bab6b6;
letter-spacing: 2px; }

h4 {text-align: center; font-size: 1.3rem; font-weight: 600;
color: #58863d; margin: 3vw 0 0 0; z-index: 3;}

h5 {font-family: 'Spartan'; text-align: center; font-size: 1.1rem;
letter-spacing: 6px; margin: 10vw 0 0 0; text-shadow: 1px 2px 3px #5c5858; display: inline-block; z-index: 3;}

.module {width: 100vw; height: 57vw; background-position: center;
background-size: cover; background-repeat: no-repeat;
backface-visibility: hidden; display: block;
background-image: url(foto1.jpg); 
z-index: 1; position: relative; overflow: hidden;}

.module > section { position: absolute; bottom: 0; left: 0;
  width: 100vw; padding: 2vw 1vw; background: inherit;
  background-attachment: fixed; overflow: hidden;}

.module > section::before {content: ""; position: absolute;
  top: -20px; left: 0; width: 120%; height: 120%; background: inherit; background-attachment: fixed;
-webkit-filter: blur(4px);
filter: blur(4px);}

.module > section::after {content: ""; position: absolute; top: 0;
  left: 0; width: 100vw; height: 20vh;}
.module > section > h5 {margin: 0; color: white; position: relative; z-index: 1;}
.module > section > h2 {margin: 0; color: white; position: relative; z-index: 1;}
.module > section > h1 {margin: 0; color: white; position: relative; z-index: 1;}

{box-sizing: border-box;}

h6 {font-family: 'Amatic SC'; text-align: center;
font-size: 2rem; color: #646d5e;
font-weight: 700; margin: 5vw 0 0 0; 
padding-bottom: 3vw; letter-spacing: 1px;}
    
p.tekst {font-family: 'Spartan'; text-align: center; font-size: 0.9rem;
font-weight: 500; line-height: 3vw; color: #646d5e;
margin: 3vw 12vw 0 12vw; text-decoration: none;}

p.tekst2 {font-family: 'Spartan'; text-align: center; font-size: 1rem;
font-weight: 500; font-style: italic; line-height: 2vw;
color: #646d5e; margin: 2vw 20vw 0 20vw; text-decoration: none;}

p.opis {text-align: center; font-size: 1rem; color: #646d5e; margin: 1vw 5vw 0 5vw; text-decoration: none;}
    
img.foto {width: 20vw; height: 8vw;}
img.foto2 {width: 24vw; height: 12vw; padding-top: 7vw;}
img.atrakcja {width: 44vw; margin: 1vw 1vw 0 1.5vw;
    box-shadow: 10px 10px 5px grey;}    
img.galeria {width: 46vw; height: 29vw; margin: 1vw 1vw 1vw 1.5vw;
    box-shadow: 10px 10px 5px grey;}
img.przycisk {width: 0; margin: 0;}
img.przycisk2 {width: 5vw; height: 5vw; margin: 3vw 1vw 0.5vw 48vw; display: inline-block; float: left;}
img.mapka {width: 90vw; height: 100%; margin-left: 5vw;}
    
parallax {background-image: url(foto/agroturystyka_zawada.jpg); width: 100vw;
height: 25vw; background-attachment: fixed; background-position: center;
background-repeat: no-repeat; background-size: cover; display: block;}
    
parallax1 {background-image: url(foto/las_zawada.jpg); width: 100vw;
height: 25vw; background-attachment: fixed;
background-position: center; background-repeat: no-repeat;
background-size: cover; display: block;}
 
    .dojazd-mapa {
        min-height: 150vh;
    }
iframe {min-width: 100vw; min-height: 100vh;}
div.mapa {width: 100vw; margin: 3vw 0 0 0; }
.contact-form__contact {
        color: white;
        margin-top: 50px;
        padding-top: 50px;
        background-image: url(formularz.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        z-index: 0;
    }
    .contact-form__contact::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: -1;
}
    .contact-form__header {
    letter-spacing: 3px;
    text-align: center;
    margin: 0 0 20px 0;
    padding-top: 60px;
    font-style: normal;
    font-weight: 500;
    color: #eee;
    line-height: 1.5;
    font-size: 22px;
    text-transform: uppercase;
    text-shadow: 1px 2px 2px black;
}
}

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

body {font-family: 'Open Sans', sans-serif; background-color: rgba(235, 239, 231, 0.44);}

div.container {min-height: 100vh; margin-bottom: 3vw;}
div.container2 {min-height: 100vh;margin-bottom: 3vw;}
div.container3 {min-height: 100vh;margin: 0 4vw 3vw 4vw;}
div.container4 {height: 40vh;margin-bottom: 3vw;}
div.container5 {min-height: 240vh;margin-bottom: 3vw;}
div.container6 {height: 10vh;margin-bottom: 1vw; display: block;}
div.containerF {width: 40vw; margin-left: 30vw;}
div.containerF input#tresc {height: 100px;}
stopka {width: 100vw; height: 3.5vw; display: block; clear: both;}
div {text-align: center;}
    
nav {background-color: rgba(255, 177, 0, 0.57); text-align: center;
width: 100vw; height: 4vw; position: fixed; display: block;z-index: 3;}
    
a.menu {font-family: 'Amatic SC'; text-decoration: none;
margin: 0 1.5vw 0 2vw; color: white; font-size: 1.8rem;
text-shadow: 1px 2px 3px #5c5858; letter-spacing: 3px; line-height: 3rem;}
    
a.kotwica {margin: 0; padding: 0;}

a.przycisk {}    

a.ikona {font-family: 'Open Sans', sans-serif; font-size: 1.3rem; color: #0a1404; text-decoration: none;}
    
a.stopka {font-family: 'Open Sans', sans-serif; width: 100vw; height: 3.5vw;
padding: 1.5vw 0 0 0; background-color: #172a2a; color: white; font-size: 0.8rem;
display: block; text-align: center; text-decoration: none; clear: both;}

h1 {font-family: 'Amatic SC'; text-align: center; padding: 0.5vw 2vw 0.5vw 1vw;
font-size: 4rem; letter-spacing: 4px; color: white; margin: 27vw 0 0 0vw;
text-shadow: 1px 2px 3px #5c5858;z-index: 3;}

h2 {font-family: 'Amatic SC'; text-align: center; font-size: 2rem; letter-spacing: 6px;
color: white; text-shadow: 1px 2px 3px #5c5858; z-index: 3;}

h3 {font-family: 'Amatic SC';text-align: center;font-size: 3.5rem;color: #1c1714;
font-weight: 550;margin: 5vw 0 0 0; padding-bottom: 3vw; text-shadow: 1px 2px 3px #bab6b6;
letter-spacing: 2px; }

h4 {text-align: center; font-size: 1.3rem; font-weight: 600;
color: #58863d; margin: 3vw 0 0 0; z-index: 3;}

h5 {font-family: 'Spartan'; text-align: center; font-size: 1.3rem;
letter-spacing: 6px; margin: 10vw 0 0 0; text-shadow: 1px 2px 3px #5c5858; display: inline-block; z-index: 3;}

.module {width: 100vw; height: 57vw; background-position: center;
background-size: cover; background-repeat: no-repeat;
backface-visibility: hidden; display: block;
background-image: url(foto1.jpg); 
z-index: 1; position: relative; overflow: hidden;}

.module > section { position: absolute; bottom: 0; left: 0;
  width: 100vw; padding: 2vw 1vw; background: inherit;
  background-attachment: fixed; overflow: hidden;}

.module > section::before {content: ""; position: absolute;
  top: -20px; left: 0; width: 120%; height: 120%; background: inherit; background-attachment: fixed;
-webkit-filter: blur(4px);
filter: blur(4px);}

.module > section::after {content: ""; position: absolute; top: 0;
  left: 0; width: 100vw; height: 20vh;}
.module > section > h5 {margin: 0; color: white; position: relative; z-index: 1;}
.module > section > h2 {margin: 0; color: white; position: relative; z-index: 1;}
.module > section > h1 {margin: 0; color: white; position: relative; z-index: 1;}

{box-sizing: border-box;}

h6 {font-family: 'Amatic SC'; text-align: center;
font-size: 2rem; color: #646d5e;
font-weight: 700; margin: 5vw 0 0 0; 
padding-bottom: 3vw; letter-spacing: 1px;}
    
p.tekst {font-family: 'Spartan'; text-align: center; font-size: 1rem;
font-weight: 500; line-height: 3vw; color: #646d5e;
margin: 3vw 20vw 0 20vw; text-decoration: none;}

p.tekst2 {font-family: 'Spartan'; text-align: center; font-size: 1rem;
font-weight: 500; font-style: italic; line-height: 2vw;
color: #646d5e; margin: 2vw 20vw 0 20vw; text-decoration: none;}

p.opis {text-align: center; font-size: 1rem; color: #646d5e; margin: 1vw 5vw 0 5vw; text-decoration: none;}
    
img.foto {width: 20vw; height: 8vw;}
img.foto2 {width: 24vw; height: 12vw; padding-top: 7vw;}
img.atrakcja {width: 33vw; margin: 1vw 1vw 0 1.5vw;
    box-shadow: 10px 10px 5px grey;}    
img.galeria {width: 46vw; height: 29vw; margin: 1vw 1vw 1vw 1.5vw;
    box-shadow: 10px 10px 5px grey;}
img.przycisk {width: 0; margin: 0;}
img.przycisk2 {width: 5vw; height: 5vw; margin: 3vw 1vw 0.5vw 48vw; display: inline-block; float: left;}
img.mapka {width: 90vw; margin-left: 5vw;}
    
parallax {background-image: url(foto/agroturystyka_zawada.jpg); width: 100vw;
height: 25vw; background-attachment: fixed; background-position: center;
background-repeat: no-repeat; background-size: cover; display: block;}
    
parallax1 {background-image: url(foto/las_zawada.jpg); width: 100vw;
height: 25vw; background-attachment: fixed;
background-position: center; background-repeat: no-repeat;
background-size: cover; display: block;}

    .dojazd-mapa {
        min-height: 100vh;
    }
iframe {min-width: 100vw; min-height: 100vh;}
div.mapa {width: 100vw; margin: 3vw 0 0 0; }
.contact-form__contact {
        color: white;
        margin-top: 50px;
        padding-top: 50px;
        background-image: url(formularz.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        z-index: 0;
    }
    .contact-form__contact::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: -1;
}
    .contact-form__header {
    letter-spacing: 3px;
    text-align: center;
    margin: 0 0 20px 0;
    padding-top: 60px;
    font-style: normal;
    font-weight: 500;
    color: #eee;
    line-height: 1.5;
    font-size: 22px;
    text-transform: uppercase;
    text-shadow: 1px 2px 2px black;
}
}

@media only screen and (min-width: 1601px) and (max-width: 3000px) {
    
body {font-family: 'Open Sans', sans-serif; background-color: rgba(235, 239, 231, 0.44);}

div.container {min-height: 100vh; margin-bottom: 3vw;}
div.container2 {min-height: 100vh;margin-bottom: 3vw;}
div.container3 {min-height: 100vh;margin: 0 4vw 3vw 4vw;}
div.container4 {height: 30vh;margin-bottom: 3vw;}
div.container5 {min-height: 240vh;margin-bottom: 3vw;}
div.container6 {height: 4vh;margin-bottom: 1vw; display: block;}
div.containerF {width: 40vw; margin-left: 30vw;}
div.containerF input#tresc {height: 100px; rows="5"}
stopka {width: 100vw; height: 2.5vw; display: block;}
div {text-align: center;}
    
nav {background-color: rgba(255, 177, 0, 0.57); text-align: center;
width: 100vw; height: 4vw; position: fixed; display: block;z-index: 3;}
    
a.menu {font-family: 'Amatic SC'; text-decoration: none;
margin: 0 1.5vw 0 2vw; color: white; font-size: 3.8rem;
text-shadow: 1px 2px 3px #5c5858; letter-spacing: 3px; line-height: 4.5rem;}
    
a.kotwica {margin: 0; padding: 0;}

a.przycisk {}    

a.ikona {font-family: 'Open Sans', sans-serif; font-size: 1.3rem; color: #0a1404; text-decoration: none;}
    
a.stopka {font-family: 'Open Sans', sans-serif; width: 100vw; height: 3.5vw;
padding: 1.5vw 0 0 0; background-color: #172a2a; color: white; font-size: 0.8rem;
display: block; text-align: center; text-decoration: none; clear: both;}

h1 {font-family: 'Amatic SC'; text-align: center; padding: 0.5vw 2vw 0.5vw 1vw;
font-size: 4rem; letter-spacing: 4px; color: white; margin: 27vw 0 0 0vw;
text-shadow: 1px 2px 3px #5c5858;z-index: 3;}

h2 {font-family: 'Amatic SC'; text-align: center; font-size: 2rem; letter-spacing: 6px;
color: white; text-shadow: 1px 2px 3px #5c5858; z-index: 3;}

h3 {font-family: 'Amatic SC';text-align: center;font-size: 3.5rem;color: #1c1714;
font-weight: 550;margin: 5vw 0 0 0; padding-bottom: 3vw; text-shadow: 1px 2px 3px #bab6b6;
letter-spacing: 2px; }

h4 {text-align: center; font-size: 1.3rem; font-weight: 600;
color: #58863d; margin: 3vw 0 0 0; z-index: 3;}

h5 {font-family: 'Spartan'; text-align: center; font-size: 1.3rem;
letter-spacing: 6px; margin: 10vw 0 0 0; text-shadow: 1px 2px 3px #5c5858; display: inline-block; z-index: 3;}

.module {width: 100vw; height: 57vw; background-position: center;
background-size: cover; background-repeat: no-repeat;
backface-visibility: hidden; display: block;
background-image: url(foto1.jpg); 
z-index: 1; position: relative; overflow: hidden;}

.module > section { position: absolute; bottom: 0; left: 0;
  width: 100vw; padding: 2vw 1vw; background: inherit;
  background-attachment: fixed; overflow: hidden;}

.module > section::before {content: ""; position: absolute;
  top: -20px; left: 0; width: 120%; height: 120%; background: inherit; background-attachment: fixed;
-webkit-filter: blur(4px);
filter: blur(4px);}

.module > section::after {content: ""; position: absolute; top: 0;
  left: 0; width: 100vw; height: 20vh;}
.module > section > h5 {margin: 0; color: white; position: relative; z-index: 1;}
.module > section > h2 {margin: 0; color: white; position: relative; z-index: 1;}
.module > section > h1 {margin: 0; color: white; position: relative; z-index: 1;}

{box-sizing: border-box;}

h6 {font-family: 'Amatic SC'; text-align: center;
font-size: 2rem; color: #646d5e;
font-weight: 700; margin: 5vw 0 0 0; 
padding-bottom: 3vw; letter-spacing: 1px;}
    
p.tekst {font-family: 'Spartan'; text-align: center; font-size: 1.4rem;
font-weight: 500; line-height: 3vw; color: #646d5e;
margin: 3vw 20vw 0 20vw; text-decoration: none;}

p.tekst2 {font-family: 'Spartan'; text-align: center; font-size: 1rem;
font-weight: 500; font-style: italic; line-height: 2vw;
color: #646d5e; margin: 2vw 20vw 0 20vw; text-decoration: none;}

p.opis {text-align: center; font-size: 1rem; color: #646d5e; margin: 1vw 5vw 0 5vw; text-decoration: none;}
    
img.foto {width: 20vw; height: 8vw;}
img.foto2 {width: 24vw; height: 12vw; padding-top: 7vw;}
img.atrakcja {width: 33vw; margin: 1vw 1vw 0 1.5vw;
    box-shadow: 10px 10px 5px grey;}    
img.galeria {width: 42vw; height: 28vw; margin: 1vw 1vw 1vw 1.5vw;
    box-shadow: 10px 10px 5px grey;}
img.przycisk {width: 0; margin: 0;}
img.przycisk2 {width: 5vw; height: 5vw; margin: 3vw 1vw 0.5vw 48vw; display: inline-block; float: left;}
img.mapka {width: 70vw; margin-left: 15vw;}
    
parallax {background-image: url(foto/agroturystyka_zawada.jpg); width: 100vw;
height: 25vw; background-attachment: fixed; background-position: center;
background-repeat: no-repeat; background-size: cover; display: block;}
    
parallax1 {background-image: url(foto/las_zawada.jpg); width: 100vw;
height: 25vw; background-attachment: fixed;
background-position: center; background-repeat: no-repeat;
background-size: cover; display: block;}
 
    .dojazd-mapa {
        min-height: 100vh;
    }
iframe {min-width: 100vw; min-height: 70vh;}
div.mapa {width: 100vw; margin: 3vw 0 0 0; }
.contact-form__contact {
        color: white;
        margin-top: 50px;
        padding-top: 50px;
        background-image: url(formularz.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        z-index: 0;
    }
    .contact-form__contact::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: -1;
}
    .contact-form__header {
    letter-spacing: 3px;
    text-align: center;
    margin: 0 0 20px 0;
    padding-top: 60px;
    font-style: normal;
    font-weight: 500;
    color: #eee;
    line-height: 1.5;
    font-size: 22px;
    text-transform: uppercase;
    text-shadow: 1px 2px 2px black;
}
}