@media screen and (max-width: 709px) {
  html body .konGlowny {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    grid-template-areas: "naglowek" "wizytowka" "menu" "tresc" "stopka";
  }
  html body .konGlowny .konNaglowek {
    grid-template-columns: minmax(0, 1fr);
  }
  html body .konGlowny .konNaglowek .clsNaglowekNazwa {
    height: auto;
    min-height: 150px;
    border-right: none;
  }
  html body .konGlowny .konNaglowek .imgNaglowekTlo {
    height: 180px;
    background-position: center;
    background-size: cover;
  }
  html body .konGlowny .konWizytowka {
    min-width: 0;
    max-width: none;
    border-right: none;
  }
  html body .konGlowny .konWizytowka .imgWizytowkaOrzel {
    height: 280px;
    background-size: contain;
  }
  html body .konGlowny .konWizytowka .konWizytowkaAdres {
    display: flex;
    justify-content: center;
  }
  html body .konGlowny .konWizytowka .konWizytowkaAdres .vCard {
    display: inline-block;
    width: auto;
    max-width: 100%;
  }
  html body .konGlowny .konWizytowka .konWizytowkaAdres .vCard .working-hours .value {
    max-width: 350px;
  }
  html body .konGlowny .konMenuRamka1 {
    padding: 10px 0 10px 0;
    border-top: 1px solid rgba(63, 48, 28, 0.2);
    border-right: none;
    border-bottom: 1px solid rgba(63, 48, 28, 0.2);
  }
  html body .konGlowny .konMenuRamka1 .konMenu1 {
    border: none;
  }
  html body .konGlowny .konMenuRamka1 .konMenu1 > div {
    border: none;
  }
  html body .konGlowny .konMenuRamka1 .konMenu1 > div:not(:last-child) {
    border-bottom: 1px solid rgba(63, 48, 28, 0.2);
  }
  html body .konGlowny .konMenuRamka1 .konMenu1 > div > h3 a {
    min-height: 60px;
    padding: 22px 20px;
  }
  html body .konGlowny .konStopka {
    padding: 10px 8px;
  }
  html body .konGlowny .konStopka #plgNotariuszStopka {
    gap: 8px 6px;
  }
  html body .konGlowny .konStopka #plgNotariuszStopka span a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    padding: 10px 14px;
  }
  html body .konGlowny .konTresc {
    padding: 25px 20px;
  }
  html body .konGlowny .konTresc #plgNotariuszWizytowka #plgNotariuszWizytowkaPrzycisk input {
    padding: 8px 15px;
    font-size: 15px;
  }
  html body .konGlowny .konTresc #plgSmtpWiadomosc table {
    display: block;
  }
  html body .konGlowny .konTresc #plgSmtpWiadomosc table tbody tr {
    display: block;
  }
  html body .konGlowny .konTresc #plgSmtpWiadomosc table tbody tr td {
    display: block;
  }
  html body .konGlowny .konTresc #plgSmtpWiadomosc table tbody tr td:first-child {
    width: 120px;
  }
  html body .konGlowny .konTresc #plgSmtpWiadomosc table tbody tr td:last-child {
    width: auto;
  }
  html body .konGlowny .konTresc #plgSmtpWiadomosc table tbody tr td input[name="plgSmtpWiadomosc_button"] {
    padding: 8px 15px;
    font-size: 15px;
  }
}
html {
  height: 100%;
  min-height: 100%;
}
body {
  display: flex;
  width: 100%;
  min-height: 100vh;
  flex-direction: column;
  margin: 0;
  background: #b3a396;
  color: #3f301c;
  font-family: Arial, sans-serif;
  font-size: 12pt;
  text-align: justify;
}
body * {
  box-sizing: border-box;
}
body > .konGlowny {
  flex: 1 0 auto;
}
body .konGlowny {
  display: grid;
  width: 100%;
  max-width: 960px;
  min-height: 0;
  flex: 1 0 auto;
  grid-template-columns: 318px minmax(0, 1fr);
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  grid-template-areas: "naglowek naglowek" "wizytowka menu" "wizytowka tresc" "stopka stopka";
  margin: 0 auto;
  background: #e5ddd1;
  color: #3f301c;
}
body .konGlowny .konNaglowek {
  display: grid;
  grid-area: naglowek;
  grid-template-columns: 318px minmax(0, 1fr);
}
body .konGlowny .konNaglowek .clsNaglowekNazwa {
  display: flex;
  height: 238px;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #dbccb3;
  border-bottom: 1px solid #dbccb3;
  background: #bdafa3;
  background: radial-gradient(circle at center, #e5ded9 0%, #bdafa3 100%);
  color: #3f301c;
  text-align: center;
}
body .konGlowny .konNaglowek .clsNaglowekNazwa .konNazwa {
  padding: 15px;
}
body .konGlowny .konNaglowek .clsNaglowekNazwa .konNazwa .org h2 {
  font-size: 16pt;
  line-height: 1.2em;
}
body .konGlowny .konNaglowek .clsNaglowekNazwa .konNazwa .title,
body .konGlowny .konNaglowek .clsNaglowekNazwa .konNazwa .fn,
body .konGlowny .konNaglowek .clsNaglowekNazwa .konNazwa .adr,
body .konGlowny .konNaglowek .clsNaglowekNazwa .konNazwa .tel,
body .konGlowny .konNaglowek .clsNaglowekNazwa .konNazwa .email,
body .konGlowny .konNaglowek .clsNaglowekNazwa .konNazwa .url,
body .konGlowny .konNaglowek .clsNaglowekNazwa .konNazwa .working-hours,
body .konGlowny .konNaglowek .clsNaglowekNazwa .konNazwa .additional-information {
  display: none;
}
body .konGlowny .konNaglowek .imgNaglowekTlo {
  height: 238px;
  border-bottom: 1px solid #dbccb3;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
body .konGlowny .konNaglowek .imgNaglowekTlo.imgBaner1 {
  background-image: url('/lyt/020014/img/imgBaner1.jpg');
}
body .konGlowny .konWizytowka {
  display: flex;
  min-width: 318px;
  max-width: 318px;
  flex-direction: column;
  grid-area: wizytowka;
  border-right: 1px solid #dbccb3;
  background: #cfc4bc;
  background: linear-gradient(to right, #cfc4bc 0%, #d8cfc8 50%, #cfc4bc 100%);
  color: #3f301c;
}
body .konGlowny .konWizytowka .imgWizytowkaOrzel {
  height: 331px;
  width: 100%;
  flex: 0 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 317px 331px;
}
body .konGlowny .konWizytowka .imgWizytowkaOrzel.imgOrzel {
  background-image: url('/lyt/020014/img/imgOrzel.png');
}
body .konGlowny .konWizytowka .konWizytowkaAdres {
  padding: 15px;
  font-size: 10pt;
  text-align: left;
}
body .konGlowny .konWizytowka .konWizytowkaAdres .vCard h1 {
  font-size: 9pt;
}
body .konGlowny .konWizytowka .konWizytowkaAdres .vCard > div:not(.title) {
  padding-left: 20px;
  padding-bottom: 5px;
}
body .konGlowny .konWizytowka .konWizytowkaAdres .vCard > div .type {
  font-weight: bold;
}
body .konGlowny .konWizytowka .konWizytowkaAdres .vCard div.fn {
  display: flex;
  flex-flow: row wrap;
  padding-bottom: 15px;
}
body .konGlowny .konWizytowka .konWizytowkaAdres .vCard .tel .value {
  padding-right: 4px;
}
body .konGlowny .konWizytowka .konWizytowkaAdres .vCard .fn,
body .konGlowny .konWizytowka .konWizytowkaAdres .vCard .tel,
body .konGlowny .konWizytowka .konWizytowkaAdres .vCard .email,
body .konGlowny .konWizytowka .konWizytowkaAdres .vCard .url {
  display: flex;
}
body .konGlowny .konWizytowka .konWizytowkaAdres .vCard .fn .type,
body .konGlowny .konWizytowka .konWizytowkaAdres .vCard .tel .type,
body .konGlowny .konWizytowka .konWizytowkaAdres .vCard .email .type,
body .konGlowny .konWizytowka .konWizytowkaAdres .vCard .url .type {
  padding-right: 4px;
  white-space: nowrap;
}
body .konGlowny .konWizytowka .konWizytowkaAdres .vCard .adr,
body .konGlowny .konWizytowka .konWizytowkaAdres .vCard .working-hours {
  padding: 15px;
}
body .konGlowny .konWizytowka .konWizytowkaAdres .vCard .working-hours ul {
  padding-left: 29px;
}
body .konGlowny .konWizytowka .konWizytowkaAdres .vCard .adr .postal-code {
  display: inline-block;
}
body .konGlowny .konWizytowka .konWizytowkaAdres .vCard .adr .locality {
  display: inline-block;
}
body .konGlowny .konWizytowka .konWizytowkaAdres .vCard .adr .locality h2 {
  font-weight: normal;
  font-size: 10pt;
}
body .konGlowny .konMenuRamka1 {
  grid-area: menu;
  padding: 30px 0;
  border-right: 1px solid #dbccb3;
  background: linear-gradient(to right, #b3a396 0%, #e4dcd7 50%, #b3a396 100%);
}
body .konGlowny .konMenuRamka1 .konMenu1 {
  width: 100%;
  min-height: 60px;
  border-top: 1px solid #dbccb3;
  border-bottom: 1px solid #dbccb3;
  background: #e5ddd1;
  overflow: hidden;
}
body .konGlowny .konMenuRamka1 .konMenu1 > div > h3 {
  font-size: 10pt;
  font-weight: normal;
}
body .konGlowny .konMenuRamka1 .konMenu1 > div > h3 a {
  display: flex;
  width: 100%;
  min-height: 58px;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  background-color: transparent;
  color: #3f301c;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease;
}
body .konGlowny .konMenuRamka1 .konMenu1 > div > h3 a:hover {
  background-color: #c8bcb3;
}
body .konGlowny .konMenuRamka1 .konMenu1 > div.sel {
  border: none;
}
body .konGlowny .konMenuRamka1 .konMenu1 > div.sel > h3 a {
  background-color: #b9aa9e;
  text-shadow: 1px 0 0 #3f301c;
}
body .konGlowny .konTresc {
  grid-area: tresc;
  padding: 30px;
  background: #e5ddd1;
  color: #3f301c;
  text-align: justify;
}
body .konGlowny .konTresc ul {
  padding-left: 32px;
}
body .konGlowny .konTresc ul ul {
  padding-left: 16px;
}
body .konGlowny .konTresc ol {
  padding-left: 25px;
  list-style-type: square;
}
body .konGlowny .konTresc p {
  margin-top: 20px;
}
body .konGlowny .konTresc strong {
  font-weight: bold;
}
body .konGlowny .konTresc #plgSmtpWiadomosc td {
  padding: 5px 0;
}
body .konGlowny .konTresc #plgSmtpWiadomosc td:first-child {
  padding: 12px 0 0;
}
body .konGlowny .konTresc #plgSmtpWiadomosc textarea {
  width: 100%;
  border: 1px solid silver;
}
body .konGlowny .konTresc #plgSmtpWiadomosc input[type='text'] {
  width: 100%;
  padding: 5px 0;
  border: 1px solid silver;
}
body .konGlowny .konTresc #plgSmtpWiadomosc input[name="plgSmtpWiadomosc_button"] {
  width: 100px !important;
  cursor: pointer;
}
body .konGlowny .konStopka {
  min-height: 42px;
  grid-area: stopka;
  padding: 7px;
  border: 1px solid #dbccb3;
  background: linear-gradient(to right, #b3a396 0%, #e6dfda 50%, #b3a396 100%);
  color: #3f301c;
}
body .konGlowny .konStopka #plgNotariuszStopka {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px 5px;
  font-size: 8pt;
}
body .konGlowny .konStopka #plgNotariuszStopka span a {
  font-weight: bold;
  color: #3f301c;
  transition: color 0.25s ease;
}
body .konGlowny .konStopka #plgNotariuszStopka span a:hover {
  color: rgba(63, 48, 28, 0.75);
}
html body {
  margin-bottom: 60px;
  min-height: calc(100% - 60px);
}
html body .clsW3c,
html body .clsRejNETCopyright,
html body .clsStat {
  position: fixed;
  width: 100%;
  z-index: -2;
}
html body .clsW3c {
  bottom: 20px;
}
html body .clsRejNETCopyright {
  bottom: 10px;
}
html body .clsStat {
  bottom: 0;
}
.clsRejNETCopyright,
.clsStat {
  color: #3f301c;
}