* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}



html {
   font-family: 'IBM Plex Sans', sans-serif;
   font-size: 10px;
   color: #4d4d4d;
   font-weight: 400;
}

body {
   background-color: #ad9c95;

}

div.wrapper {
   width: 100%;
   min-height: 100vh;
}

header {
   width: 100%;
   height: 180px;
   background-color: rgb(240, 236, 234);
   position: relative;
}

section {
   background-color: rgb(246, 244, 242);
   font-size: 1.5rem;
   position: relative;
   padding-bottom: 5%;
   min-height: calc(100% - 125px);
}

div.slogan h1 {
   position: absolute;
   bottom: 15%;
   left: 3vh;
   font-size: 19px;
   color: #e12727;
   font-weight: 700;
   line-height: 0px;
}

img.logo {
   position: absolute;
   height: 25vw;
   right: 20px;
   top: 20px;
}

div.hamburger {
   position: absolute;
   width: 40px;
   height: 40px;
   top: 25px;
   left: 25px;
}

.ham,
.x {
   height: 40px;
}

.show {
   display: none;
}


div > h1 {
   font-weight: 600;
   font-size: 19px;
   line-height: 25px;
   z-index: 10;
   text-align: left;

}

.start {
   padding: 3vh;
   text-align: center;
   position: relative;
   z-index: 2;
}

.zespol {
   /*   margin-bottom: 5%;*/
   text-align: left;
   padding: 3vh;
   text-align: center;
   position: relative;
   z-index: 2;
}
}


.terapia {
   min-height: 70vh;
}

.emdr {
   min-height: calc(100vh - 180px);
}

img.photo1 {
   width: 150px;
}

img.photo2 {
   width: 150px;
}


.surname,
.surname2 {
   margin-top: 20px;
   font-size: 20px;
   color: #e12727;
   font-weight: 600;
   text-align: left;
}

p {
   position: relative;
   z-index: 4;
}

.top {
   position: relative;
   z-index: 4;
}

.text_1 {
   text-align: left;
   margin-top: 20px;
   font-size: 18px;
   line-height: 24px;

}

.text_4 {
   text-align: left;
   margin-top: 10px;
   /*   padding-bottom: 12vh;*/
   font-size: 18px;
   line-height: 24px;
}

.odstep_1 {
   margin-top: 20%;
}

.odstep_2 {
   margin-top: 100px;
}

.pogrubienie {
   font-weight: 600;
}

hr {
   border: 0;
   border-top: 1.5px solid #551111;
   width: 10%;
   margin-top: 15vh;
}

footer {
   font-size: 10px;
   text-align: left;
   position: absolute;
   left: 3vh;
   right: 8%;
   bottom: 30px;
   z-index: 2;
}

.ptsd {
   margin-top: 4em;
   margin-bottom: 4em;
   position: relative;
   z-index: 2;
}

.ptsd a {
   display: block;
   margin-top: 15px;
   font-weight: 500;
   font-size: 20px;
   line-height: 35px;
   color: #e12727;
   text-decoration: none;
}

.ciemne {
   background-color: #e9e3df;
}

.jasne {
   background-color: #f6f4f2;
}

div .kontakt {
   min-height: 120vh;
   text-align: left;
}

.map {
   margin-top: 20px;
}

.surname3 {
   color: #e12727;
   margin-top: 10px;
   font-size: 18px;
   line-height: 24px;
   font-weight: 600;
}

.text_kontakt {
   font-weight: 600;
   font-size: 18px;
   line-height: 24px;
   text-transform: capitalize;
}

.text_adres {
   font-size: 18px;
   line-height: 30px;
}

.tekst_ul {
   margin-left: 30px;
   text-align: left;
   font-size: 18px;
   line-height: 24px;
}


.tel {
   font-size: 18px;
   line-height: 24px;
}

.mail {
   position: relative;
   z-index: 3;
   font-size: 18px;
   line-height: 24px;
}

.mail a {
   text-decoration: none;
   color: #4d4d4d;
}

.text_lokal {
   text-decoration: underline;
   font-size: 18px;
   line-height: 40px;
   font-weight: 500;
   margin-top: 20px;
   margin-bottom: -10px;
}

iframe {
   width: 300px;
   height: 200px;
}

.cen {
   padding-top: 5%;
   padding-bottom: 10%;
}



.cennik {
   position: relative;
   margin: auto;
   width: 100%;
   height: 485px;
   background-color: #f6f4f2;
   font-size: 18px;
   line-height: 24px;
   border-collapse: collapse;
   z-index: 2;
   text-align: center;

}

.cennik tr {
   line-height: 30px;
}


.cennik td {
   padding: 0 5px;
   text-align: left;
}


table.cennik tr:nth-child(2n) {
   background: #e9e3df;

}


table .cennik td:nth-child(2n+1) {
   padding-left: 30px;

}









.center {
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 50%;
}



h1 {
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
}

h2 {
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
   text-align: left;

}


/*
.ptsd_dlug,
.c_ptsd_dlug {
   padding-bottom: 30px;
}
*/


/*NAWIGACJA*/


nav {
   display: none;
   background-color: rgb(240, 236, 234);
   position: absolute;
   z-index: 6;
   width: 100%;
}

.ok {
   display: block;
}

nav ul {
   display: none;
}

nav ol {
   list-style-type: none;
   font-size: 20px;
   line-height: 2.3em;
   text-align: center;
   font-weight: 500;
}

ol a {
   margin-top: 0px;
   display: block;
   text-decoration: none;
   color: #502C1E;
   padding-top: 5px;
}





/*MOTYWY*/




.tecza_1 {
   width: 90%;
   height: 90%;
   position: absolute;
   left: -20%;
   top: 0;
   background-image: url(../img/m1.png);
   Background-repeat: no-repeat;
   background-size: contain;
   z-index: 1;
}

.tecza_1b {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   background-image: url(../img/m1.png);
   Background-repeat: no-repeat;
   background-size: contain;
   z-index: 1;
}


.tecza_2 {

   width: 530px;
   height: 530px;
   width: 100%;
   position: absolute;
   background-image: url(../img/m1.png);
   Background-repeat: no-repeat;
   background-size: contain;
   z-index: 1;
   transform: rotate(180deg);
   right: 0;
   bottom: 0;
}

.kolo_1 {
   width: 20vw;
   height: 40vw;
   position: absolute;
   background-image: url(../img/m2.png);
   background-size: contain;
   background-repeat: no-repeat;
   z-index: 1;
   top: 55%;
   right: 0;
}

.kolo_3 {
   width: 76px;
   height: 170px;
   position: absolute;
   background-image: url(../img/m2.png);
   background-size: contain;
   background-repeat: no-repeat;
   top: 55px;
   left: -1px;
   transform: rotate(180deg);
   z-index: 1;
}



.none_mobile {
   display: none;
}

.kolo_3b {
   width: 86px;
   height: 170px;
   position: absolute;
   background-image: url(../img/m2.png);
   background-size: contain;
   background-repeat: no-repeat;
   top: 250px;
   left: -1px;
   transform: rotate(180deg);
   z-index: 1;
}

.paski_3 {
   width: 300px;
   height: 276px;
   position: absolute;
   background-image: url(../img/m3.png);
   background-size: contain;
   background-repeat: no-repeat;
   bottom: 0;
   right: 0;
   transform: rotate(180deg);
   z-index: 1;
}

.linie_4 {
   width: 79px;
   height: 276px;
   position: absolute;
   background-image: url(../img/m4.png);
   background-size: contain;
   background-repeat: no-repeat;
   z-index: 1;
   top: 80px;
   right: 0;
   transform: rotate(180deg);
}

.paski_5 {
   width: 276px;
   height: 194px;
   position: absolute;
   background-image: url(../img/m5.png);
   background-size: contain;
   background-repeat: no-repeat;
   z-index: 1;
   bottom: 0;
   right: 0;
   transform: rotate(180deg);
}

.tecza_3a {
   width: 330px;
   height: 330px;
   position: absolute;
   background-image: url(../img/m1c.png);
   Background-repeat: no-repeat;
   background-size: contain;
   z-index: 1;
   left: 0;
   bottom: 0;
}

.kolo_2 {
   width: 86px;
   height: 170px;
   position: absolute;
   background-image: url(../img/m2.png);
   background-size: contain;
   background-repeat: no-repeat;
   z-index: 1;
   top: 55px;
   right: -1.4px;

}

.tecza_1a {
   width: 330px;
   height: 330px;
   position: absolute;
   background-image: url(../img/m1c.png);
   Background-repeat: no-repeat;
   background-size: contain;
   z-index: 1;
   transform: rotate(90deg);
}

.paski_3a {
   width: 200px;
   height: 176px;
   position: absolute;
   background-image: url(../img/m3a.png);
   background-size: contain;
   background-repeat: no-repeat;
   z-index: 2;
   bottom: 0;
   right: -2px;
   opacity: .5;

}

.kolo_3a {
   width: 86px;
   height: 170px;
   position: absolute;
   background-image: url(../img/m2a.png);
   background-size: contain;
   background-repeat: no-repeat;
   z-index: 2;
   top: 55px;
   left: -0.5px;
   opacity: .5;

}

.tecza_3b {
   width: 330px;
   height: 330px;
   position: absolute;
   background-image: url(../img/m1.png);
   Background-repeat: no-repeat;
   background-size: contain;
   z-index: 2;
   transform: rotate(270deg);
   left: 0;
   bottom: 0;
}

.tecza_4a {
   width: 330px;
   height: 330px;
   position: absolute;
   background-image: url(../img/m1c.png);
   Background-repeat: no-repeat;
   background-size: contain;
   z-index: 2;
   transform: rotate(180deg);
   right: 0;
   top: 0;
}

.tecza_4 {
   width: 260px;
   height: 260px;
   position: absolute;
   background-image: url(../img/m1.png);
   Background-repeat: no-repeat;
   background-size: contain;
   z-index: 2;
   transform: rotate(90deg);
   right: 0;
   top: 0;
}

.linie_3a {
   width: 79px;
   height: 176px;
   position: absolute;
   background-image: url(../img/m4a.png);
   background-size: contain;
   background-repeat: no-repeat;
   z-index: 2;
   bottom: 0;
   left: 0;
   display: none;

}

.tecza_2b {
   width: 230px;
   height: 230px;
   position: absolute;
   background-image: url(../img/m1b.png);
   Background-repeat: no-repeat;
   background-size: contain;
   z-index: 2;
   right: 0;
   bottom: 0;
}

.linie_3b {
   width: 179px;
   height: 176px;
   position: absolute;
   background-image: url(../img/m4b.png);
   background-size: contain;
   background-repeat: no-repeat;
   z-index: 2;
   top: 450px;
   left: 0;

}

@media (orientation: landscape) and (max-width: 600px) {

   nav {
      width: 100%;
   }


   nav ol {
      line-height: 2.5em;
   }

   ol a {
      padding-top: 10px;
   }


   ol > li {
      float: left;
      width: 33.33%;
      height: 3em;
   }

   header {
      height: 42%;
   }

   img.logo {
      height: 25vh;
      right: 20px;
      top: 20px;
   }

   div.slogan h1 {
      position: absolute;
      left: 10%;
      bottom: 20%;
   }

   .odstep_1 {
      margin-top: 5%;
   }

   .start,
   .zespol {
      padding: 5vh 8vw;
   }

   .kontakt {
      height: 180vh;
   }



}



@media (min-width: 350px) {

   img.logo {
      position: absolute;
      height: 90px;
      right: 20px;
      top: 20px;
   }

   .kontakt {
      min-height: 180vh;
   }

}

@media (min-width: 410px) {
   .kontakt {
      min-height: 160vh;
   }

}


@media (min-width: 800px) {


   div.wrapper {
      max-width: 1000px;
      margin: 0 auto;

   }

   section {
      padding: 55px 140px 1px 330px;
      min-height: calc(100vh - 232px);
      z-index: 5;
      font-size: 1.5vh;
   }




   ul {
      display: block;
   }




   .hamburger {
      display: none;
   }

   header {
      height: 232px;
   }


   div.slogan h1 {
      position: absolute;
      left: 56px;
      top: 43px;
      font-size: 20px;
   }

   img.logo {
      right: 56px;
      top: 43px;
   }

   div > h1 {
      font-size: 20px;
      line-height: 25px;

   }

   nav {
      display: block;
      position: relative;
      bottom: calc(28px + 15px);
      width: 100%;
   }



   nav ol {
      list-style-type: none;
      padding: 0 120px 0 25px;
      font-size: 14px;
      line-height: 2em;
      text-align: center;
   }

   ol a {
      padding: 0 2px 17px;
   }

   ol > li {
      float: left;
      margin-left: 2px;
      width: 12%;
      height: 2em;

   }

   ol > li:first-child {
      margin-left: 0;
   }

   ol > li:hover > a {
      transition: 0.3s;
      color: #e12727;
   }


   ol > li:hover > ul {
      visibility: visible;
      transform: scaleY(1);

   }

   ol > li > ul {
      visibility: hidden;
      transform-origin: 50% 0;
      transform: scaleY(0);
      height: 0;
      list-style-type: none;
      padding: 0;
      margin: 0;
      width: 250px;
      text-align: left;
      transition-duration: 350ms;
      transform-origin: 50% 0;
   }


   ol > li > ul > li {
      position: relative;
   }

   ol > li > ul > li > a {
      border-top: 1px solid #FFF;
      background-color: white;
      padding: 5px 20px;
   }


   ol > li > ul > li:hover > a {
      transition: 0.3s;
      color: #e12727;

   }



   .start,
   .zespol {
      padding: 0;
      text-align: center;
      position: static;
   }

   .zespol {
      text-align: left;
   }

   .terapia {
      min-height: 70vh;
   }

   .emdr {
      min-height: 53vh;
   }

   img.photo1 {
      width: 150px;
   }

   img.photo2 {
      width: 150px;
   }


   .surname,
   .surname2 {
      margin-top: 20px;
      font-size: 20px;
      color: #e12727;
      font-weight: 600;
      text-align: left;
   }

   p {
      position: relative;
      z-index: 4;
   }

   .top {
      position: relative;
      z-index: 4;
   }

   .text_1 {
      text-align: left;
      margin-top: 20px;
      font-size: 18px;
      line-height: 24px;

   }

   .text_4 {
      text-align: left;
      margin-top: 10px;
      padding-bottom: 8vh;
      font-size: 14px;
      line-height: 19px;
   }



   .pogrubienie {
      font-weight: 600;
   }

   hr {
      border: 0;
      border-top: 1.5px solid #551111;
      width: 10%;
      margin-top: 5vh;
   }

   footer {
      font-size: 10px;
      text-align: left;
      position: absolute;
      left: 56px;
      bottom: 20px;
   }


   .ptsd a {
      display: block;
      margin-top: 15px;
      font-weight: 500;
      font-size: 20px;
      line-height: 35px;
      color: #e12727;
      text-decoration: none;
   }




   .surname3 {
      color: #e12727;
      margin-top: 30px;
      font-size: 16px;
      line-height: 19px;
      font-weight: 600;
   }

   .text_kontakt {
      font-weight: 600;
      font-size: 18px;
      line-height: 24px;
      text-transform: capitalize;
   }

   .text_adres {
      font-size: 18px;
      line-height: 30px;
   }

   .tekst_ul {
      margin-left: 30px;
      text-align: left;
      font-size: 18px;
      line-height: 24px;
   }


   .tel {
      font-size: 18px;
      line-height: 24px;
   }

   .mail {
      position: relative;
      z-index: 20;
      font-size: 18px;
      line-height: 24px;
   }

   .mail a {
      text-decoration: none;
      color: #4d4d4d;
   }

   .text_lokal {
      text-decoration: underline;
      font-size: 18px;
      line-height: 40px;
      font-weight: 500;
      margin-top: 20px;
      margin-bottom: -10px;
   }

   .tecza_1 {
      width: 90%;
      height: 90%;
      position: absolute;
      left: -20%;
      top: 0;
      background-image: url(../img/m1.png);
      Background-repeat: no-repeat;
      background-size: contain;
      z-index: 1;
   }

   .kolo_1 {
      width: 20vw;
      height: 40vw;
      position: absolute;
      background-image: url(../img/m2.png);
      background-size: contain;
      background-repeat: no-repeat;
      z-index: 1;
      top: 55%;
      right: 0;
   }

   h1 {
      font-weight: 500;
      font-size: 20px;
      line-height: 24px;
   }

   h2 {
      font-weight: 500;
      font-size: 20px;
      line-height: 24px;
      text-align: left;
   }


   /*
   .ptsd_dlug,
   .c_ptsd_dlug {
      padding-bottom: 30px;
   }
*/


   h1 {
      font-weight: 500;
      font-size: 20px;
      line-height: 24px;
   }

   h2 {
      font-weight: 500;
      font-size: 20px;
      line-height: 24px;
   }

   .text_1 {
      margin-top: 20px;
      font-size: 14px;
      line-height: 19px;
   }

   .text_4 {
      margin-top: 10px;
      padding-bottom: 8vh;
      font-size: 14px;
      line-height: 19px;
   }

   .text_5 {
      font-size: 14px;
   }

   .text_kontakt {
      text-align: left;
      font-weight: 600;
      font-size: 20px;
      line-height: 24px;
      text-transform: capitalize;
   }



   .text_adres {
      font-size: 14px;
      line-height: 19px;

   }


   .tekst_ul {
      margin-left: 30px;
      font-size: 14px;
      line-height: 19px;
   }

   .odstep_1 {
      margin-top: 40px;
   }

   .odstep_2 {
      margin-top: 100px;
   }

   .pogrubienie {
      font-weight: 600;
   }

   .text_lokal {
      text-decoration: underline;
      font-size: 16px;
      line-height: 40px;
      font-weight: 500;
      margin-top: 40px;
      margin-bottom: -10px;

   }

   hr {
      border: 0;
      border-top: 1.5px solid #551111;
      width: 10%;
      margin-top: 5vh;
   }


   .active {
      color: #e12727;
   }


   .ptsd_dlug {
      height: 1850px;
   }

   .c_ptsd_dlug {
      height: 2600px;
   }

   .ptsd a {
      display: block;
      margin-top: 10px;
      font-weight: 400;
      font-size: 14px;
      line-height: 19px;
      color: #4d4d4d;
      text-decoration: none;
   }

   div.ptsd a:nth-child(1) {
      margin-top: 40px;
   }

   div.ptsd a:hover {
      transition: 0.3s;
      color: #e12727;
      font-weight: 600;
   }

.cen
{
   margin-left: -150px;
}

   table.cennik {
      margin: 50px 0 0;
      width: 700px;
      min-height: 500px;
      background-color: #f6f4f2;
      position: relative;
      font-size: 16px;
      border-collapse: collapse;
      line-height: 24px;
   }



   table.cennik td:nth-child(2n+1) {
      padding-left: 30px;
   }

   .tel {

      font-size: 14px;
      line-height: 19px;

   }

   .mail {
      position: relative;
      z-index: 20;
      font-size: 14px;
      line-height: 19px;
   }

   .mail a {
      text-decoration: none;
      color: #4d4d4d;
   }




   img.photo1 {
      width: 150px;
      position: absolute;
      left: 130px;
      top: 85px;
   }

   img.photo2 {
      width: 150px;
      position: absolute;
      left: 130px;
      top: 380px;
   }





   .tecza_1 {
      width: 530px;
      height: 530px;
      position: absolute;
      left: 0;
      top: 0;
      background-image: url(../img/m1.png);
      Background-repeat: no-repeat;
      background-size: contain;
      z-index: -10;
   }

   .tecza_1a {
      width: 530px;
      height: 530px;
      position: absolute;
      background-image: url(../img/m1c.png);
      Background-repeat: no-repeat;
      background-size: contain;
      z-index: -10;
      transform: rotate(90deg);
      left: 0;
      top: 0;
   }

   .tecza_2 {
      width: 530px;
      height: 530px;
      position: absolute;
      background-image: url(../img/m1.png);
      Background-repeat: no-repeat;
      background-size: contain;
      z-index: -10;
      transform: rotate(180deg);
      right: 0;
      bottom: 0;
   }

   .tecza_2a {
      width: 530px;
      height: 530px;
      position: absolute;
      background-image: url(../img/m1c.png);
      Background-repeat: no-repeat;
      background-size: contain;
      z-index: -10;
      transform: rotate(270deg);
      right: 0;
      bottom: 0;
   }

   .tecza_2b {
      width: 530px;
      height: 530px;
      position: absolute;
      background-image: url(../img/m1b.png);
      Background-repeat: no-repeat;
      background-size: contain;
      z-index: -10;
      right: -4px;
      bottom: 0;
   }

   .tecza_3 {
      width: 530px;
      height: 530px;
      position: absolute;
      background-image: url(../img/m1.png);
      Background-repeat: no-repeat;
      background-size: contain;
      z-index: -10;
      transform: rotate(270deg);
      left: 0;
      bottom: 0;
   }

   .tecza_3a {
      width: 530px;
      height: 530px;
      position: absolute;
      background-image: url(../img/m1c.png);
      Background-repeat: no-repeat;
      background-size: contain;
      z-index: -10;
      left: 0;
      bottom: 0;
   }

   .tecza_3b {
      width: 530px;
      height: 530px;
      position: absolute;
      background-image: url(../img/m1.png);
      Background-repeat: no-repeat;
      background-size: contain;
      z-index: -10;
      transform: rotate(270deg);
      left: 0;
      bottom: 0;
   }

   .tecza_4 {
      width: 530px;
      height: 530px;
      position: absolute;
      background-image: url(../img/m1.png);
      Background-repeat: no-repeat;
      background-size: contain;
      z-index: -10;
      transform: rotate(90deg);
      right: 0;
      top: 0;
   }

   .tecza_4a {
      width: 530px;
      height: 530px;
      position: absolute;
      background-image: url(../img/m1c.png);
      Background-repeat: no-repeat;
      background-size: contain;
      z-index: -10;
      transform: rotate(180deg);
      right: 0;
      top: 0;
   }


   .kolo_1 {
      width: 86px;
      height: 170px;
      position: absolute;
      background-image: url(../img/m2.png);
      background-size: contain;
      background-repeat: no-repeat;
      z-index: -10;
      top: calc(80% - 260px);
      right: -1px;
   }




   .kolo_2 {
      width: 86px;
      height: 170px;
      position: absolute;
      background-image: url(../img/m2.png);
      background-size: contain;
      background-repeat: no-repeat;
      z-index: -10;
      top: 55px;
      right: -1.4px;

   }

   .kolo_3 {
      width: 86px;
      height: 170px;
      position: absolute;
      background-image: url(../img/m2.png);
      background-size: contain;
      background-repeat: no-repeat;
      z-index: -10;
      top: 55px;
      left: -0.5px;
      transform: rotate(180deg);
      display: block;
   }

   .kolo_3a {
      width: 86px;
      height: 170px;
      position: absolute;
      background-image: url(../img/m2a.png);
      background-size: contain;
      background-repeat: no-repeat;
      z-index: -10;
      top: 55px;
      left: -0.5px;
      opacity: 1;

   }

   .paski_3 {
      width: 400px;
      height: 276px;
      position: absolute;
      background-image: url(../img/m3.png);
      background-size: contain;
      background-repeat: no-repeat;
      z-index: -10;
      bottom: 0;
      right: 0;
      transform: rotate(180deg);
   }

   .paski_3a {
      width: 400px;
      height: 276px;
      position: absolute;
      background-image: url(../img/m3a.png);
      background-size: contain;
      background-repeat: no-repeat;
      z-index: -10;
      bottom: 0;
      right: -2px;
      opacity: 1;

   }

   .linie_3 {
      width: 79px;
      height: 276px;
      position: absolute;
      background-image: url(../img/m4.png);
      background-size: contain;
      background-repeat: no-repeat;
      z-index: -10;
      top: 300px;
      left: 0;
      transform: rotate(180deg);
   }

   .linie_3a {
      width: 79px;
      height: 276px;
      position: absolute;
      background-image: url(../img/m4a.png);
      background-size: contain;
      background-repeat: no-repeat;
      z-index: -10;
      top: 300px;
      left: 0;
      display: none;

   }

   .linie_3b {
      width: 79px;
      height: 276px;
      position: absolute;
      background-image: url(../img/m4b.png);
      background-size: contain;
      background-repeat: no-repeat;
      z-index: -10;
      top: 300px;
      left: 0;

   }

   .kolo_3b {

      top: 20px;

   }

   .linie_4 {
      width: 79px;
      height: 276px;
      position: absolute;
      background-image: url(../img/m4.png);
      background-size: contain;
      background-repeat: no-repeat;
      z-index: -10;
      top: 80px;
      right: 0;
      transform: rotate(180deg);
   }

   .paski_5 {
      width: 276px;
      height: 194px;

      position: absolute;
      background-image: url(../img/m5.png);
      background-size: contain;
      background-repeat: no-repeat;
      z-index: -10;
      bottom: 0;
      right: 0;
      transform: rotate(180deg);
   }

   .tecza_1c {
      width: 530px;
      height: 530px;
      position: absolute;
      background-image: url(../img/m1c.png);
      Background-repeat: no-repeat;
      background-size: contain;
      z-index: -1;
      transform: rotate(90deg);
      top: 0;
      left: 0;
   }

   iframe {
      width: 530px;
      height: 350px;

   }


   main p.mail a:hover {
      transition: 0.4s;
      color: #e12727;
   }

   .kontakt {
      min-height: 100vh;
   }

   .none_mobile {
      display: block;
   }



   .tecza_1b {
      display: none;
   }
}




@media (min-width: 900px) {

   padding: 0 120px 0 25px;

}