* {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:#000;
    margin:0;
    padding:0
    }
    
    div,b,.napis2,h1,h2,h4,input {
    color:#fff
    }
    textarea{
    font-size: 5vw;
    color: black;
    }
    .napis1,.napis3 {
    color:#000
    }
input{
color: black;
}
label{
position: absolute;
left: -200%; 
}
    
    @media screen and (max-width: 99999999999px) {
    html {
    background:linear-gradient(to top,violet,indigo,blue,green,yellow,orange,red);
    background-repeat:no-repeat;
    background-size:cover
    }
.map{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 50vh;
  margin-left:25%;
  margin-bottom: 5%;
}
    .mapa{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
    h1 {
    display:flex;
    font-weight:400;
    font-size:5vw
    }
    
    header {
    background-color:#853B96;
    height:auto;
    font-size:5vw;
    text-align:center
    }
    
    .cointainer {
    display:flex;
    justify-content:center;
    color:#fff
    }
    
    .cointainer>img {
    position:absolute;
    z-index:-1;
    margin-top:-25%;
    width:90%;
    height: 90vw;
    padding:auto;
    color:#fff
    }
    
    .napiskolo {
    display:flex;
    flex-direction:column;
    justify-content:center;
    color:#fff
    }
    
    .napiskolo>p {
    font-weight:lighter;
    font-size:2vw;
    color:#fff
    }
    
    .cointainer>.circle {
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    margin-top:5%;
    height:30vw;
    width:30%;
    background-color:#853B96;
    border:.3vw dashed #fff;
    border-radius:100%;
    color:#fff
    }
    
    .circle>div {
    display:flex;
    align-items:center;
    text-align:center;
    font-size:3vw;
    color:#fff
    }
    
    .czas {
    display:flex;
    text-align:center;
    justify-content:center
    }
    
    .godz {
    display:flex;
    margin-top:70%;
    margin-bottom:10%;
    width:60%;
    height:auto;
    border-radius:400px;
    font-size:4vw;
    text-align:center;
    justify-content:center;
    align-items:center
    }
    
    .donice {
    color:#000;
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    width:100%
    }
    
    .donice>div {
    width:33%
    }
    
    .d1 {
    display:flex;
    justify-content:center;
    text-align:center;
    margin-left:5%;
    width:90%;
    height:20%
    }
    
    .green {
    background-color:#59E3B4
    }
    
    .napis1 {
    position:absolute;
    left:7%;
    font-size:5vw;
    text-align:center
    }
    
    .greend2 {
    flex-direction:column;
    width:60%;
    height:100%;
    border-left:3vw solid transparent;
    border-right:3vw solid transparent;
    border-top:15vw solid #59E3B4;
    background-color:none;
    margin:auto;
    margin-bottom:10%
    }
    
    .purple {
    background-color:#853B96;
    color:#fff
    }
    
    .napis2 {
    position:absolute;
    left:41%;
    font-size:5vw;
    text-align:center
    }
    
    .purpled2 {
    width:60%;
    height:auto;
    border-left:3vw solid transparent;
    border-right:3vw solid transparent;
    border-top:15vw solid #853B96;
    background-color:none;
    margin:auto;
    margin-bottom:38px
    }
    
    .orange {
    background-color:#E6B63F
    }
    
    .napis3 {
    position:absolute;
    right:9%;
    font-size:5vw;
    text-align:center
    }
    
    .oranged2 {
    width:60%;
    height:auto;
    border-left:3vw solid transparent;
    border-right:3vw solid transparent;
    border-top:15vw solid #E6B63F;
    background-color:none;
    margin:auto;
    margin-bottom:38px
    }
    
    .zakladka {
    background:linear-gradient(to bottom,#853B96,#853B96 33.33%,#E6B63F 33.33%,#E6B63F 66.66%,#59E3B4 66.66%);
    width:100%;
    padding:2% 0;
    margin-bottom:5%
    }
    
    .galeria {
    display:flex;
    width:100%;
    flex-direction:column;
    text-align:center;
    align-items:center
    }
    
    .galeria1 {
    display:flex;
    width:100%;
    flex-direction:row;
    align-items:center;
    justify-content:space-between
    }
    
    .galeria1>h2 {
    justify-content:center;
    width:35%;
    font-size:6vw;
    margin-bottom:5%;
    background-color:#853B96;
    border-top-right-radius:400px;
    border-bottom-right-radius:400px
    }
    
    .not {
    display:flex;
    width:60%;
    font-size:3vw;
    margin-bottom:5%;
    height:auto;
    align-items:center;
    justify-content:center;
    border-top-left-radius:400px;
    border-bottom-left-radius:400px
    }
    
    .zdjecia {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row
    }
    
    .zdj {
    width:29.3%;
    height:auto;
    margin:2%;
    border-radius:40px
    }
    
    .opinie {
    display:flex;
    flex-direction:column;
    text-align:center
    }
    
    .opinie>h2 {
    justify-content:center;
    width:60%;
    font-size:6vw;
    background-color:#853B96;
    margin:5% auto;
    border-radius:400px
    }
    
    .box {
    display:flex;
    align-items:center;
    text-align:start;
    width:70%;
    padding:2% 0;
    margin-bottom:5%;
    font-size:2vw;
    border-top-right-radius:400px;
    border-bottom-right-radius:400px
    }
    
    .prawo {
    align-self:flex-end;
    justify-content:flex-end;
    border-top-left-radius:400px;
    border-bottom-left-radius:400px;
    border-top-right-radius:0;
    border-bottom-right-radius:0
    }
    
    .box>img {
    width:auto;
    height:20%;
    margin:1%
    }
    
    .left {
    text-align:end
    }
    
    .ostatni {
    margin-bottom:5%
    }
    
    .formularz {
    color:#000;
    margin-bottom:10%
    }
    
    .formularz>div {
    font-size:5vw;
    padding:2% 15%
    }
    
    form>textarea {
    position:absolute;
    width:50%;
    height:15vw;
    margin-left:40%;
    margin-top:-30%;
    color:#000
    }
    
    form>input {
    position:absolute;
    width:20%;
    height:10vw;
    margin-left:55%;
    font-size:3vw;
    margin-top:-15%;
    }
    
    footer {
    color:#000;
    font-size:5vw;
    text-align:center
    }
    
    footer>div {
    padding:2% 0
    }
    }
    
    /* ////////////////////////////////////////////////////////////////////////////////////////////
    ////////////////////////////////////////////////////////////////////////////////////////////
    //////////////////////////////////////////////////////////////////////////////////////////// */
    @media screen and (max-width: 1024px) {
    .nonet{
    display:none;
    position: absolute;
    }
    html {
    background:linear-gradient(to top,violet,indigo,blue,green,yellow,orange,red);
    background-repeat:no-repeat;
    background-size:cover
    }
    
    h1 {
    display:flex;
    font-weight:400;
    font-size:5vw
    }
    
    header {
    background-color:#853B96;
    height:auto;
    font-size:5vw;
    text-align:center
    }
    
    .cointainer {
    display:flex;
    justify-content:center
    }
    
    .cointainer>img {
    position:absolute;
    z-index:-1;
    margin-top:-25%;
    width:90%;
    height: 90vw;
    padding:auto
    }
    
    .napiskolo {
    display:flex;
    flex-direction:column;
    justify-content:center
    }
    
    .napiskolo>p {
    font-weight:lighter;
    font-size:2vw
    }
    
    .cointainer>.circle {
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    margin-top:5%;
    height:30vw;
    width:30%;
    background-color:#853B96;
    border:.3vw dashed #fff;
    border-radius:100%
    }
    
    .circle>div {
    display:flex;
    align-items:center;
    text-align:center;
    font-size:3vw
    }
    
    .czas {
    display:flex;
    text-align:center;
    justify-content:center
    }
    
    .godz {
    display:flex;
    margin-top:70%;
    margin-bottom:10%;
    width:60%;
    height:auto;
    border-radius:400px;
    font-size:4vw;
    text-align:center;
    justify-content:center;
    align-items:center
    }
    
    .donice {
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    width:100%
    }
    
    .donice>div {
    width:33%
    }
    
    .d1 {
    display:flex;
    justify-content:center;
    text-align:center;
    margin-left:5%;
    width:90%;
    height:20%
    }
    
    .green {
    background-color:#59E3B4
    }
    
    .napis1 {
    position:absolute;
    left:7%;
    font-size:5vw;
    text-align:center
    }
    
    .greend2 {
    flex-direction:column;
    width:60%;
    height:100%;
    border-left:3vw solid transparent;
    border-right:3vw solid transparent;
    border-top:15vw solid #59E3B4;
    background-color:none;
    margin:auto;
    margin-bottom:10%
    }
    
    .purple {
    background-color:#853B96
    }
    
    .napis2 {
    position:absolute;
    left:41%;
    font-size:5vw;
    text-align:center
    }
    
    .purpled2 {
    width:60%;
    height:auto;
    border-left:3vw solid transparent;
    border-right:3vw solid transparent;
    border-top:15vw solid #853B96;
    background-color:none;
    margin:auto;
    margin-bottom:38px
    }
    
    .orange {
    background-color:#E6B63F
    }
    
    .napis3 {
    position:absolute;
    right:9%;
    font-size:5vw;
    text-align:center
    }
    
    .oranged2 {
    width:60%;
    height:auto;
    border-left:3vw solid transparent;
    border-right:3vw solid transparent;
    border-top:15vw solid #E6B63F;
    background-color:none;
    margin:auto;
    margin-bottom:38px
    }
    
    .zakladka {
    background:linear-gradient(to bottom,#853B96,#853B96 33.33%,#E6B63F 33.33%,#E6B63F 66.66%,#59E3B4 66.66%);
    width:100%;
    padding:2% 0;
    margin-bottom:5%
    }
    
    .galeria {
    display:flex;
    width:100%;
    flex-direction:column;
    text-align:center;
    align-items:center
    }
    
    .galeria1 {
    display:flex;
    width:100%;
    flex-direction:row;
    align-items:center;
    justify-content:space-between
    }
    
    .galeria1>h2 {
    justify-content:center;
    width:35%;
    font-size:6vw;
    margin-bottom:5%;
    background-color:#853B96;
    border-top-right-radius:400px;
    border-bottom-right-radius:400px
    }
    
    .not {
    display:flex;
    width:60%;
    font-size:3vw;
    margin-bottom:5%;
    height:auto;
    align-items:center;
    justify-content:center;
    border-top-left-radius:400px;
    border-bottom-left-radius:400px
    }
    
    .zdjecia {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row
    }
    
    .zdj {
    width:29.3%;
    height:auto;
    margin:2%;
    border-radius:40px
    }
    
    .opinie {
    display:flex;
    flex-direction:column;
    text-align:center
    }
    
    .opinie>h2 {
    justify-content:center;
    width:60%;
    font-size:6vw;
    background-color:#853B96;
    margin:5% auto;
    border-radius:400px
    }
    
    .box {
    display:flex;
    align-items:center;
    text-align:start;
    width:70%;
    padding:2% 0;
    margin-bottom:5%;
    font-size:2vw;
    border-top-right-radius:400px;
    border-bottom-right-radius:400px
    }
    
    .prawo {
    align-self:flex-end;
    justify-content:flex-end;
    border-top-left-radius:400px;
    border-bottom-left-radius:400px;
    border-top-right-radius:0;
    border-bottom-right-radius:0
    }
    
    .box>img {
    width:auto;
    height:20%;
    margin:1%
    }
    
    .left {
    text-align:end
    }
    
    .ostatni {
    margin-bottom:10%
    }
    
    .formularz {
    margin-bottom:10%
    }
    
    .formularz>div {
    font-size:3vw;
    padding:2% 15%
    }
    
    form>textarea {
    position:absolute;
    width:50%;
    height:10vw;
    margin-left:40%;
    margin-top:-25%;
    color:#000
    }
    
    form>input {
    position:absolute;
    width:20%;
    height:10vw;
    margin-left:55%;
    font-size:3vw;
    margin-top:-16%;
    }
    
    footer {
    font-size:3vw;
    text-align:center
    }
    
    footer>div {
    padding:2% 0
    }
    }
    
    /* ////////////////////////////////////////////////// */
    /* ////////////////////////////////////////////////// */
    /* ////////////////////////////////////////////////// */
    /* ////////////////////////////////////////////////// */
    /* ////////////////////////////////////////////////// */
    /* ////////////////////////////////////////////////// */
    @media screen and (max-width: 767px) {
    .none {
    display:none
    }
    
    html {
    background:linear-gradient(to top,violet,indigo,blue,green,yellow,orange,red);
    background-repeat:no-repeat;
    background-size:cover
    }
    
    h1 {
    display:flex;
    font-weight:400;
    font-size:3vw
    }
    
    header {
    text-align:center;
    background-color:#853B96;
    width:100%;
    font-size:10vw
    }
    
    .cointainer {
    display:flex;
    justify-content:center;
    text-align:center
    }
    
    .cointainer>img {
    position:absolute;
    margin-top:4vw;
    width:90%;
    height:90vw
    }
    
    .cointainer>.circle {
    display:flex;
    position:absolute;
    text-align:center;
    justify-content:center;
    margin-top:35vw;
    background-color:#853B96;
    width:30%;
    height:30vw;
    border:.5vw dashed #fff;
    border-radius:100%
    }
    
    .napiskolo {
    align-items:center;
    font-size:3vw
    }
    
    .czas {
    position:absolute;
    left:0
    }
    
    .donice {
    margin-top:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-around;
    width:100%
    }
    
    .donice>div {
    width:70%
    }
    
    .d1 {
    display:flex;
    justify-content:center;
    text-align:center;
    margin-left:5%;
    width:90%;
    height:20%
    }
    
    .d1>img {
    width:35%;
    height:15vw
    }
    
    .green {
    background-color:#59E3B4
    }
    
    .napis1 {
    font-size:10vw;
    margin-left:22.5%;
    text-align:center;
    align-items:center;
    justify-content:center
    }
    
    .greend2 {
    flex-direction:column;
    width:60%;
    height:100%;
    border-left:6vw solid transparent;
    border-right:6vw solid transparent;
    border-top:30vw solid #59E3B4;
    background-color:none;
    margin:auto;
    margin-bottom:10%
    }
    
    .purple {
    background-color:#853B96
    }
    
    .napis2 {
    font-size:10vw;
    margin-left:-7.5%;
    text-align:center;
    align-items:center;
    justify-content:center
    }
    
    .purpled2 {
    width:60%;
    height:auto;
    border-left:6vw solid transparent;
    border-right:6vw solid transparent;
    border-top:30vw solid #853B96;
    background-color:none;
    margin:auto;
    margin-bottom:38px
    }
    
    .orange {
    background-color:#E6B63F
    }
    
    .napis3 {
    font-size:10vw;
    margin-right:25%;
    text-align:center;
    align-items:center;
    justify-content:center
    }
    
    .oranged2 {
    width:60%;
    height:auto;
    border-left:6vw solid transparent;
    border-right:6vw solid transparent;
    border-top:30vw solid #E6B63F;
    background-color:none;
    margin:auto;
    margin-bottom:38px
    }
    
    .zakladka {
    background:linear-gradient(to bottom,#853B96,#853B96 33.33%,#E6B63F 33.33%,#E6B63F 66.66%,#59E3B4 66.66%);
    width:100%;
    padding:2% 0;
    margin-bottom:5%
    }
    
    .galeria {
    display:flex;
    width:100%;
    flex-direction:column;
    text-align:center;
    align-items:center
    }
    
    .galeria1 {
    display:flex;
    width:100%;
    flex-direction:column;
    align-items:center;
    justify-content:space-between
    }
    
    .galeria1>h2 {
    justify-content:center;
    width:60%;
    font-size:12vw;
    margin-bottom:5%;
    background-color:#853B96;
    border-radius:3vw
    }
    
    .not {
    display:flex;
    width:100%;
    font-size:6vw;
    margin-bottom:5%;
    height:auto;
    align-items:center;
    justify-content:center;
    border-radius:0
    }
    
    .zdjecia {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    flex-direction:column
    }
    
    .zdj {
    width:90%;
    height:auto;
    margin:2%;
    border-radius:40px
    }
    
    .opinie {
    display:flex;
    flex-direction:column;
    text-align:center
    }
    
    .opinie>h2 {
    justify-content:center;
    width:60%;
    font-size:12vw;
    margin-bottom:5%;
    background-color:#853B96;
    border-radius:3vw
    }
    
    .box {
    display:flex;
    align-items:center;
    text-align:start;
    width:100%;
    height:50vw;
    margin-bottom:5%;
    border-radius:0;
    font-size:5vw
    }
    
    .prawo {
    align-self:flex-end;
    justify-content:flex-end
    }
    
    .box>img {
    width:auto;
    height:80%;
    margin:1%
    }
    
    .left {
    text-align:end
    }
    
    .ostatni {
    margin-bottom:10%
    }
    
    .formularz {
    margin-bottom:10%
    }
    
    .formularz>div {
    font-size:12vw;
    padding:2% 5%
    }
    
    form>textarea {
    position:absolute;
    width:40%;
    height:20vw;
    margin-left:55%;
    margin-top: -60%;
    color:#000
    }
    
    form>input {
    position:absolute;
    width:40%;
    height:15vw;
    margin-left:55%;
    margin-top: -30%;
    font-size:8vw
    }
    
    footer {
    font-size:9vw;
    text-align:center
    }
    
    footer>div {
    padding:5% 0
    }
    }