@font-face {
  font-family: "OpenSansCondensedBold";
  src: url(../czcionka/OpenSansCondensed-Bold.ttf);
}
@font-face {
  font-family: "OpenSansCondensedLight";
  src: url(../czcionka/OpenSansCondensed-Light.ttf);
}

html {
  scroll-behavior: smooth;
}
body {
  padding: 0;
  margin: 0;
  /* font-size-adjust: none; */
  /* font-family: "Open Sans", sans-serif; */
  font-family: "OpenSansCondensedBold", sans-serif;
  -moz-text-size-adjust: 0.5;
  -webkit-text-size-adjust: 0.5;
  font-size-adjust: 0.5;
  /* font-family: "Encode Sans Condensed", sans-serif; */
  font-size: 16px;
  -webkit-text-size-adjust: none;
  overflow-x: hidden;
  transition: padding 0.5s linear;
}
body.menu-open {
  overflow: hidden;
}
body * {
  box-sizing: border-box;
}
header,
section,
footer,
aside,
nav,
main,
article,
figure {
  display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0.175em 0;
}
.strona {
  width: 100%;
  margin: 0 auto;
  background-color: #e8e7ea;
  overflow: hidden;
}
.wiersz {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 1232px;
  margin: 0 auto;
}
.kolumna {
  flex-shrink: 1;
  flex-grow: 0;
}
.srodek {
  text-align: left;
}

.blok {
  margin: 0 auto !important;
}

/* Main i szkielet */
.blok-glowny {
  margin: 0px auto 64px auto;
  position: relative;
}
.main-0 {
  margin: 0px auto 0px auto;
  margin-top: 0px !important;
  background-color: #474747;
  -webkit-box-shadow: inset 0px 7px 52px 14px rgba(43, 43, 43, 1);
  -moz-box-shadow: inset 0px 7px 52px 14px rgba(43, 43, 43, 1);
  box-shadow: inset 0px 7px 52px 14px rgba(43, 43, 43, 1);
}
.start-tresc {
  border-top: 53px solid #ca6f52;
  box-shadow: inset 0px 7px 52px 14px rgba(43, 43, 43, 1);
  background-image: url(../grafika/tlo_start.jpg);
  background-size: cover;
  background-position: center;
}

/* UL style */
.menu-polityka-prywatnosci-1-poziom {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 32px;
}
.menu-lewe-1-poziom,
.menu-gora-1-poziom,
.menu-naglowek-1-poziom,
.menu-lewe-moduły-1-poziom {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 40px;
}
.logo {
  margin-bottom: 24px;
  margin-top: 16px;
}

/* Nagłówek główny */
.glowna-tytul {
  display: none;
}

/*Mobilne*/

@media all and (min-width: 0px) and (max-width: 639px) {
  .strona-powrot {
    width: 100%;
    text-align: center;
    background-position: 300px 14px;
  }
  .menu-srodek-1-poziom li > a > span:after {
    content: "zobacz ofertę";
    display: block;
    border: 3px solid black;
    padding: 6px 36px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
  }
}

@media all and (min-width: 320px) and (max-width: 1023px) {
  .strona-tresc img {
    max-width: 100%;
    height: max-content;
  }
  .menu-podstrona {
    display: none;
  }
  .strefa-rodzica-321 .menu-tytul,
  .strefa-kandydata-320 .menu-tytul,
  .strefa-ucznia-319 .menu-tytul,
  .strefa-nauczyciela-322 .menu-tytul,
  .internat-130 .menu-tytul {
    margin-top: 0px !important;
  }
  .main-319 .strona-tresc,
  .main-320 .strona-tresc,
  .main-321 .strona-tresc,
  .main-322 .strona-tresc,
  .main-130 .strona-tresc {
    align-items: center !important;
  }
  .menu-srodek-1-poziom li > a > div {
    width: 100% !important;
    height: 200px !important;
    min-height: 200px !important;
  }
  .naglowek-prawa-strona {
    display: none !important;
  }
  .strefa-rodzica-321 .mapa-serwisu-poziom-1 li,
  .strefa-kandydata-320 .mapa-serwisu-poziom-1 li,
  .strefa-ucznia-319 .mapa-serwisu-poziom-1 li,
  .strefa-nauczyciela-322 .mapa-serwisu-poziom-1 li {
    width: 100% !important;
  }
  .strefa-rodzica-321 .menu-podstrona,
  .strefa-kandydata-320 .menu-podstrona,
  .strefa-ucznia-319 .menu-podstrona,
  .strefa-nauczyciela-322 .menu-podstrona {
    order: 2 !important;
  }
  .naglowek-podstrona {
    display: none !important;
  }
  .wiersz {
    width: 100%;
  }
  #menu-gora {
    display: none;
  }
  #menu-mobilne {
    display: block;
  }
  .animacja-kontener {
    display: none;
  }
  header {
    height: 76px !important;
    background: #fff;
    display: none;
  }
  .nawigacja-100-podstrona,
  .nawigacja-100 {
    display: none;
  }
  .header-dane {
    display: none;
  }
  .logo {
    display: none;
  }
  .blok-glowny {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 16px;
  }
  .szerokosc-12,
  .szerokosc-24 {
    width: 100%;
    margin: auto;
  }
  .szerokosc-13,
  .szerokosc-14 {
    width: 100%;
    margin: auto;
    order: 2;
  }
  .szerokosc-23,
  .szerokosc-34 {
    width: 100%;
    margin: auto;
  }
  .szerokosc-13-stopka {
    width: 100%;
    margin: auto;
  }
  .blok {
    margin: auto;
  }
  .dane {
    padding: 16px 32px 24px 32px;
  }
  .lewy-blok,
  .prawy-blok {
    flex-wrap: wrap;
  }
  .lewy-blok {
    order: 2;
  }
  .prawy-blok {
    order: 1;
  }
  aside {
    display: none;
  }
  .kolumna {
    max-width: 100%;
  }
  .menu-prawe-moduly-1-poziom {
    margin-bottom: 32px !important;
  }
}

@media all and (min-width: 1024px) and (max-width: 1279px) {
  .wiersz {
    width: 100%;
  }
  .button-menu-mobile {
    display: none;
  }
  .blok {
    width: 992px;
  }
  .szerokosc-1 {
    flex-basis: 992px;
    width: 992px;
    margin: 0 auto;
  }
  .szerokosc-12,
  .szerokosc-24 {
    flex-basis: 488px;
    width: 488px;
  }
  .szerokosc-13,
  .szerokosc-14,
  .szerokosc-13-stopka {
    z-index: 1;
    width: 320px;
  }
  .szerokosc-23,
  .szerokosc-34 {
    flex-basis: 656px;
    width: 656px;
    z-index: 1;
  }
  .szerokosc-100 {
    flex-basis: 100%;
    z-index: 1;
  }
  .stopka .kolumna {
    flex-basis: 212px;
    width: 212px;
  }
  .statystyka-tekst {
    width: 100% !important;
  }
  .logo a span:first-child {
    font-size: 28px;
    width: 100% !important;
  }
  .header-dane {
    padding: 0px;
  }
  .kontrast-czcionka {
    margin-left: 10px;
  }
  .szukaj-gora {
    flex: 0 1 auto;
    width: auto;
  }
  .div-kontrast,
  .div-czcionka {
    padding-left: 10px;
    padding-right: 10px;
  }
  .dane {
    padding: 8px 8px 8px 8px;
  }
  .wyszukiwarka {
    width: auto;
  }
}

@media all and (min-width: 1280px) {
  #menu-gora {
    display: flex;
  }
  #menu-mobilne {
    display: none;
  }
  .button-menu-mobile {
    display: none;
  }
  .blok {
    width: 1232px;
  }
  .szerokosc-1 {
    flex-basis: 1232px;
  }
  .szerokosc-12,
  .szerokosc-24 {
    flex-basis: 608px;
  }
  .szerokosc-13 {
    /*flex-basis: 400px;*/
    width: 400px;
    z-index: 1;
  }
  .szerokosc-13-stopka {
    flex-basis: 460px;
    width: 460px;
  }
  .szerokosc-23 {
    flex-basis: 816px;
    width: 816px;
    z-index: 1;
  }
  .szerokosc-14 {
    flex-basis: 296px;
    width: 296px;
  }
  .szerokosc-34 {
    flex-basis: 920px;
    width: 920px;
  }
  .szerokosc-100 {
    flex-basis: 100%;
    width: 100%;
  }
  .blok-glowny {
    flex-basis: 1232px;
    width: 1232px;
  }
  .start-23 {
    display: flex;
    justify-content: space-between;
  }
}

@media all and (min-width: 0px) and (max-width: 639px) {
  .stopka-dol {
    justify-content: center !important;
  }
}