@font-face {
  font-family: "Museo 500";
  src: url("fonts/Museo500-Regular.eot");
  src: url("fonts/Museo500-Regular.eot?#iefix") format("embedded-opentype"),
    url("fonts/Museo500-Regular.woff2") format("woff2"),
    url("fonts/Museo500-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Museo 300";
  src: url("fonts/Museo300-Regular.eot");
  src: url("fonts/Museo300-Regular.eot?#iefix") format("embedded-opentype"),
    url("fonts/Museo300-Regular.woff2") format("woff2"),
    url("fonts/Museo300-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Museo 700";
  src: url("fonts/Museo-700.eot");
  src: url("fonts/Museo-700.eot?#iefix") format("embedded-opentype"),
    url("fonts/Museo-700.woff2") format("woff2"),
    url("fonts/Museo-700.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Museo Sans 500";
  src: url("fonts/MuseoSans-500.eot");
  src: url("fonts/MuseoSans-500.eot?#iefix") format("embedded-opentype"),
    url("fonts/MuseoSans-500.woff2") format("woff2"),
    url("fonts/MuseoSans-500.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Museo Sans 500";
  src: url("fonts/MuseoSans-500Italic.eot");
  src: url("fonts/MuseoSans-500Italic.eot?#iefix") format("embedded-opentype"),
    url("fonts/MuseoSans-500Italic.woff2") format("woff2"),
    url("fonts/MuseoSans-500Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;1,300&display=swap");
html,
body {
  line-height: 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 13;
  color: #222;
  line-height: 28px;
  background: url(images/tlo_szum.png);
  background-attachment: fixed;
}

/*▄▄▄▄▄▄▄▄▄▄  ▄▄▄▄▄▄▄▄▄▄▄  ▄    ▄  ▄▄▄▄▄▄▄▄▄▄▄  ▄▄▄▄▄▄▄▄▄▄▄ 
▐░░░░░░░░░░░▌▐░░░░░░░░░░░▌▐░▌  ▐░▌▐░░░░░░░░░░░▌▐░░░░░░░░░░░▌
 ▀▀▀▀█░█▀▀▀▀ ▐░█▀▀▀▀▀▀▀▀▀ ▐░▌ ▐░▌ ▐░█▀▀▀▀▀▀▀▀▀  ▀▀▀▀█░█▀▀▀▀ 
     ▐░▌     ▐░▌          ▐░▌▐░▌  ▐░▌               ▐░▌     
     ▐░▌     ▐░█▄▄▄▄▄▄▄▄▄ ▐░▌░▌   ▐░█▄▄▄▄▄▄▄▄▄      ▐░▌     
     ▐░▌     ▐░░░░░░░░░░░▌▐░░▌    ▐░░░░░░░░░░░▌     ▐░▌     
     ▐░▌     ▐░█▀▀▀▀▀▀▀▀▀ ▐░▌░▌    ▀▀▀▀▀▀▀▀▀█░▌     ▐░▌     
     ▐░▌     ▐░▌          ▐░▌▐░▌            ▐░▌     ▐░▌     
     ▐░▌     ▐░█▄▄▄▄▄▄▄▄▄ ▐░▌ ▐░▌  ▄▄▄▄▄▄▄▄▄█░▌     ▐░▌     
     ▐░▌     ▐░░░░░░░░░░░▌▐░▌  ▐░▌▐░░░░░░░░░░░▌     ▐░▌     
      ▀       ▀▀▀▀▀▀▀▀▀▀▀  ▀    ▀  ▀▀▀▀▀▀▀▀▀▀▀       ▀    */

:root {
  --kolor_hpnm: #29a557ff;
  --kolor_cienie: #2b2b2b59;
}

::-moz-selection {
  color: #fff;
  background: var(--kolor_hpnm);
}

::selection {
  color: #fff;
  background: var(--kolor_hpnm);
}

strong {
  font-weight: bold;
}

p {
  margin-bottom: 30px;
}

blockquote {
  font-family: "Museo Sans 500", Arial, Geneva, Verdana, sans-serif;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: rgb(235, 235, 235);
  background: radial-gradient(
    circle,
    rgba(235, 235, 235, 0.47941183309261204) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  text-align: center;
  padding: 20px 20px;
  font-size: 1.8em;
  line-height: 1.3em;
  margin: 50px 0;
}

blockquote::before {
  content: "„";
  color: var(--kolor_hpnm);
  font-size: 1.8em;
}
blockquote::after {
  position: absolute;
  content: "”";
  color: var(--kolor_hpnm);
  font-size: 1.8em;
}

a {
  color: var(--kolor_hpnm);
  text-decoration: none;
  transition: 1s all;
}

a:hover {
  text-decoration: underline;
}

h1 {
  font-family: "Museo Sans 500", Arial, Geneva, Verdana, sans-serif;
  font-size: 2.8em;
  line-height: 1.2em;
  margin: 80px 0 30px 0;
}

h2 {
  font-family: "Museo Sans 500", Arial, Geneva, Verdana, sans-serif;
  font-size: 2.5em;
  line-height: 1.2em;
  margin: 70px 0 30px 0;
}

h3 {
  font-family: "Museo Sans 500", Arial, Geneva, Verdana, sans-serif;
  font-size: 2.1em;
  margin: 60px 0 30px 0;
}

h4 {
  font-family: "Museo Sans 500", Arial, Geneva, Verdana, sans-serif;
  font-size: 1.7em;
  margin: 40px 0 30px 0;
}

h5 {
  font-family: "Museo Sans 500", Arial, Geneva, Verdana, sans-serif;
  font-size: 1.4em;
  margin: 35px 0 30px 0;
}

h6 {
  font-family: "Museo Sans 500", Arial, Geneva, Verdana, sans-serif;
  font-size: 1.2em;
  margin: 30px 0 30px 0;
}

ul {
  position: relative;
  list-style: square;
}

em {
  font-style: italic;
}

.menu-item--expanded {
  list-style: none !important;
}



/* Formularze */

form input {
  max-width: calc(100% - 20px);
}

form input.button {
  background-color: var(--kolor_hpnm);
  border: none;
  color: #fff;
  font-size: 1.2em;
  padding: 8px 12px;
  border-radius: 2px;
  border-bottom: 4px solid var(--kolor_cienie);
  transition: 0.4s all;
  top: 0px;
  position: relative;
}

form input.button:active {
  top: 4px;
  border-bottom: 1px solid var(--kolor_cienie);
  transition: 0.1s all;
}

form input.form-text {
  border: 1px solid rgb(104, 104, 104);
  background: #fff;
  border-radius: 2px;
  padding: 5px 8px;
  float: none;
}

form input.form-text:hover {
  border: 1px solid rgb(65, 65, 65);
  transition: 0.2s all;
}

form input.form-text:focus {
  border: 1px solid var(--kolor_hpnm) !important;
}

form label {
  float: none;
  display: block;
}

form .description {
  font-size: 0.9em;
  color: #444;
}

#kontener_menu ul {
  position: relative;
  left: 0;
  margin: 0 auto;
}
#kontener_menu ul ul {
  display: none;
}

#kontener_menu ul li {
  float: left;
}

#kontener_menu ul li a {
  display: block;
  font-family: "Museo Sans 500", Arial, Geneva, Verdana, sans-serif;
  padding: 8px 3px 11px 3px;
  margin: 0 10px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.808);
}

#tekst_overlay {
  display: none;
  position: absolute;
  top: 0;
  color: var(--kolor_hpnm);
  font-family: "Museo 700";
  font-size: 40em;
  line-height: 500px;
  letter-spacing: -40px;
  pointer-events: none;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
  opacity: 0.2;
  overflow: hidden;
}

a#link_hamburger_menu {
  position: relative;
  display: block;
  float: right;
  margin-top: -6px;
  padding: 13px 8px 0 6px;
  width: 35px;
  height: 35px;
  text-align: center;
  font-weight: bold;
  font-size: 1.8em;
  color: #fff;
  background: none;
  border-radius: 100%;
  transition: all 0.2s;
  z-index: 120;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.808);
}

a#link_hamburger_menu:hover {text-decoration: none;}

/*
    ▄▄▄▄      ▄▄▄▄▄▄▄▄▄▄▄  ▄       ▄ 
  ▄█░░░░▌    ▐░░░░░░░░░░░▌▐░▌     ▐░▌
 ▐░░▌▐░░▌    ▐░█▀▀▀▀▀▀▀█░▌ ▐░▌   ▐░▌ 
  ▀▀ ▐░░▌    ▐░▌       ▐░▌  ▐░▌ ▐░▌  
     ▐░░▌    ▐░█▄▄▄▄▄▄▄█░▌   ▐░▐░▌   
     ▐░░▌    ▐░░░░░░░░░░░▌    ▐░▌    
     ▐░░▌    ▐░█▀▀▀▀▀▀▀▀▀    ▐░▌░▌   
     ▐░░▌    ▐░▌            ▐░▌ ▐░▌  
 ▄▄▄▄█░░█▄▄▄ ▐░▌           ▐░▌   ▐░▌ 
▐░░░░░░░░░░░▌▐░▌          ▐░▌     ▐░▌
 ▀▀▀▀▀▀▀▀▀▀▀  ▀            ▀       ▀ 
                            */

@media (min-width: 1px) {
  img {
    max-width: 100%;
    height: auto;
  }

  hr {
    border: none;
    border-bottom: 1px solid #bbb;
    margin: 60px 0;
  }

  .kontener_flex {
    display: block;
  }
  .procent50 {
    display: block;
    width: 100%;
    overflow: auto;
  }

  #menu_pelne {
    display: none;
    position: fixed;
    background: rgb(41, 165, 87);
    background: linear-gradient(
      180deg,
      rgba(41, 165, 87, 1) 0%,
      rgba(47, 163, 117, 1) 100%
    );
    width: 100%;
    min-height: 100%;
    z-index: 200;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.3s;
  }

  div.region-menu {
    display: none;
    visibility: hidden;
  }

  #kontener_menu {
    display: block;
    position: fixed;
    width: 100%;
    top: 20px;
    z-index: 20;
    transition: 0.4s all;
  }

  #menu_pelne_kontener {
    width: calc(100% - 20px);
    position: relative;
    overflow: auto;
    top: 20px;
  }

  #kontener_menu a.is-active {
    color: #fff !important;
  }
  #menu_pelne_kontener a.is-active {
    color: #fff !important;
  }
  #menu_pelne_kontener a {
    display: block;
    position: relative;
    overflow: auto;
    color: #fff !important;
    padding:6px 0;
    margin: 3px 0;
  }

  #menu_pelne_przewijanie {
    overflow-y: scroll;
  }

  #kontener_strona {
    width: 100%;
    overflow: hidden;
  }
  #kontener_naglowek {
    position: fixed;
    background-image: url(images/sunset3.jpg);
    width: 100vw;
    height: 100vh;
    background-size: auto;
    background-position: center;
    z-index: 1;
    overflow: hidden;
  }

  #kontener_menu .szerokosc_100 {
    position: relative;
    width: calc(100% - 20px);
    margin: auto;
  }

  #kontener_menu div.region-menu {
    float: right;
  }

  #logo_duze {
    position: fixed;
    background: url(images/hpnm_logo_biale_cien.png);
    width: 550px;
    top: 82px;
    height: 200px;
    left: calc(50vw - 450px);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 190;
    transition: all 0.4s ease;
  }

  #logo_mobilne {
    position: absolute;
    background: url(images/hpnm_logo_biale_cien_male.png);
    width: 275px;
    top: 50px;
    height: 160px;
    left: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 190;
    transition: all 0.4s ease;
  }

  a#logo_duze_link {
    display: none;
    width: 550px;
  }

  a#logo_mobilne_link {
    display: block;
    width: 300px;
  }

  .tytul_strony {
    margin: 0px 0 50px 0;
  }

  .tytul_strony span {
    font-family: "Museo Sans 500";
    font-size: 3em;
    line-height: 60px;
    background: var(--kolor_hpnm);
    color: #fff;
    padding: 2px 15px;
    border-radius: 2px;
  }

  #kontener_glowny {
    position: relative;
    top: 350px;
    z-index: 10;
  }

  #kontener_glowny_kolumna {
    position: relative;
    width: calc(100% - 20px);
    margin: auto;
    transition: 0.4s width;
  }

  #kontener_tresc {
    display: block;
    overflow: hidden;
    background: #fff;
    box-shadow: 5px 5px 50px 10px var(--kolor_cienie);
    border-radius: 2px;
    min-height: 300px;
  }

  #kontener_po_tresci {
    min-height: 100px;
  }

  #kontener_stopka {
    background: rgb(36, 36, 36);
    background: url(images/stopka.jpg);
    background-position: bottom;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    overflow: auto;
  }

  #stopka {
    color: #ddd;
    font-size: 0.9em;
    line-height: 1.2em;
    display: block;
    overflow: auto;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 60px;
  }
  #stopka_kolumny a {
    color: #ddd;
    text-decoration: underline;
    transition: 0.4s color;
  }
  #stopka_kolumny a:hover {
    color: #fff;

    transition: 0.1s color;
  }
  #stopka_linijka a {
    color: #bbb;
    text-decoration: underline;
    transition: 0.4s color;
  }
  #stopka_linijka a:hover {
    color: #fff;

    transition: 0.1s color;
  }

  #stopka_kolumny {
    overflow: auto;
    border-bottom: none;
  }
  #stopka_2 {
    color: #bbb;
    float: none;
    clear: both;
    position: relative;
    display: block;
    margin: 65px 20px 0px 20px;
  }
  #stopka_1a,
  #stopka_1b,
  #stopka_1c {
    margin: 15px 20px 40px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.212);
  }

  .szerokosc_100 {
    display: block;
    position: relative;
    width: calc(100vw - 40px);
    margin: auto;
  }

  .margines_20 {
    padding: 20px;
  }
}

/*
 ▄▄▄▄▄▄▄▄▄▄▄  ▄▄▄▄▄▄▄▄▄▄▄   ▄▄▄▄▄▄▄▄▄   ▄▄▄▄▄▄▄▄▄▄▄  ▄       ▄ 
▐░░░░░░░░░░░▌▐░░░░░░░░░░░▌ ▐░░░░░░░░░▌ ▐░░░░░░░░░░░▌▐░▌     ▐░▌
▐░█▀▀▀▀▀▀▀▀▀ ▐░█▀▀▀▀▀▀▀▀▀ ▐░█░█▀▀▀▀▀█░▌▐░█▀▀▀▀▀▀▀█░▌ ▐░▌   ▐░▌ 
▐░▌          ▐░█▄▄▄▄▄▄▄▄▄ ▐░▌▐░▌    ▐░▌▐░▌       ▐░▌  ▐░▌ ▐░▌  
▐░█▄▄▄▄▄▄▄▄▄ ▐░░░░░░░░░░░▌▐░▌ ▐░▌   ▐░▌▐░█▄▄▄▄▄▄▄█░▌   ▐░▐░▌   
▐░░░░░░░░░░░▌ ▀▀▀▀▀▀▀▀▀█░▌▐░▌  ▐░▌  ▐░▌▐░░░░░░░░░░░▌    ▐░▌    
▐░█▀▀▀▀▀▀▀█░▌          ▐░▌▐░▌   ▐░▌ ▐░▌▐░█▀▀▀▀▀▀▀▀▀    ▐░▌░▌   
▐░▌       ▐░▌          ▐░▌▐░▌    ▐░▌▐░▌▐░▌            ▐░▌ ▐░▌  
▐░█▄▄▄▄▄▄▄█░▌ ▄▄▄▄▄▄▄▄▄█░▌▐░█▄▄▄▄▄█░█░▌▐░▌           ▐░▌   ▐░▌ 
▐░░░░░░░░░░░▌▐░░░░░░░░░░░▌ ▐░░░░░░░░░▌ ▐░▌          ▐░▌     ▐░▌
 ▀▀▀▀▀▀▀▀▀▀▀  ▀▀▀▀▀▀▀▀▀▀▀   ▀▀▀▀▀▀▀▀▀   ▀            ▀       ▀ 
*/

@media (min-width: 650px) {
  .kontener_flex {
    display: flex;
  }
  .procent50 {
    display: block;
    width: calc(50% - 2px);
    overflow: auto;
  }

  .tytul_strony span {
    font-family: "Museo Sans 500";
    font-size: 4em;
    line-height: 80px;
    background: var(--kolor_hpnm);
    color: #fff;
    padding: 2px 15px;
    border-radius: 2px;
  }

  #logo_duze {
    display: block;
    left: calc(10vw - 20px);
  }

  a#logo_duze_link {
    display: block;
  }

  a#logo_mobilne_link {
    display: none;
  }

  #menu_pelne {
    display: none;
    position: fixed;
    background: rgb(41, 165, 87);
    background: linear-gradient(
      180deg,
      rgba(41, 165, 87, 1) 0%,
      rgba(47, 163, 117, 1) 100%
    );
    width: 100%;
    min-height: 550px;
    z-index: 200;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.534);
    transition: all 0.3s;
  }

  #kontener_menu .szerokosc_100 {
    width: 650px;
    left: calc(50vw - 330px);
    overflow: hidden;
    background: none;
    transition: all 0.4s;
  }

  div.region-menu {
    display: block;
    visibility: visible;
  }

  #kontener_menu {
    top: 60px;
  }
  #menu_pelne_kontener {
    width: 650px;
    top: 60px;
    left: calc(50vw - 330px);
  }

  #menu_pelne_kontener a {
    display: block;
    position: relative;
    overflow: auto;
    color: #fff !important;
    padding:1px 0;
    margin: 2px 0;
  }

  #menu_pelne_przewijanie {
    overflow: hidden;
  }

  #kontener_glowny {
    position: relative;
    top: 350px;
    z-index: 10;
  }

  #kontener_naglowek {
    background-size: cover;
  }

  #kontener_glowny_kolumna {
    position: relative;
    width: 650px;
    left: calc(50vw - 330px);
    margin: 0;
  }
  #kontener_stopka {
    background-size: normal;
  }

  #stopka {
    width: 650px;
    margin-top: 60px;
    margin-bottom: 100px;
  }
  #stopka_kolumny {
    border-bottom: 1px solid rgba(255, 255, 255, 0.212);
  }
  #stopka_1a,
  #stopka_1b {
    margin: 0 20px 0 0;
    border-bottom: none;
  }
  #stopka_1c {
    margin: 0;
    border-bottom: none;
  }
  #stopka_2 {
    margin: 65px auto 10px auto;
  }

  .szerokosc_100 {
    display: block;
    position: relative;
    width: 600px;
    margin: auto;
  }

  .szerokosc_50 {
    display: block;
    position: relative;
    width: 260px;
    margin: auto;
    background: red;
  }

  .stopka_kolumna {
    float: left;
    display: block;
    position: relative;
    width: 202px;
    margin: auto 20px;
    transition: 0.3s width;
  }
}

/*
 ▄▄▄▄▄▄▄▄▄▄▄  ▄▄▄▄▄▄▄▄▄▄▄   ▄▄▄▄▄▄▄▄▄   ▄▄▄▄▄▄▄▄▄▄▄  ▄       ▄ 
▐░░░░░░░░░░░▌▐░░░░░░░░░░░▌ ▐░░░░░░░░░▌ ▐░░░░░░░░░░░▌▐░▌     ▐░▌
▐░█▀▀▀▀▀▀▀█░▌▐░█▀▀▀▀▀▀▀▀▀ ▐░█░█▀▀▀▀▀█░▌▐░█▀▀▀▀▀▀▀█░▌ ▐░▌   ▐░▌ 
▐░▌       ▐░▌▐░█▄▄▄▄▄▄▄▄▄ ▐░▌▐░▌    ▐░▌▐░▌       ▐░▌  ▐░▌ ▐░▌  
▐░█▄▄▄▄▄▄▄█░▌▐░░░░░░░░░░░▌▐░▌ ▐░▌   ▐░▌▐░█▄▄▄▄▄▄▄█░▌   ▐░▐░▌   
 ▐░░░░░░░░░▌  ▀▀▀▀▀▀▀▀▀█░▌▐░▌  ▐░▌  ▐░▌▐░░░░░░░░░░░▌    ▐░▌    
▐░█▀▀▀▀▀▀▀█░▌          ▐░▌▐░▌   ▐░▌ ▐░▌▐░█▀▀▀▀▀▀▀▀▀    ▐░▌░▌   
▐░▌       ▐░▌          ▐░▌▐░▌    ▐░▌▐░▌▐░▌            ▐░▌ ▐░▌  
▐░█▄▄▄▄▄▄▄█░▌ ▄▄▄▄▄▄▄▄▄█░▌▐░█▄▄▄▄▄█░█░▌▐░▌           ▐░▌   ▐░▌ 
▐░░░░░░░░░░░▌▐░░░░░░░░░░░▌ ▐░░░░░░░░░▌ ▐░▌          ▐░▌     ▐░▌
 ▀▀▀▀▀▀▀▀▀▀▀  ▀▀▀▀▀▀▀▀▀▀▀   ▀▀▀▀▀▀▀▀▀   ▀            ▀       ▀ 
*/

@media (min-width: 850px) {
  #logo_duze {
    left: calc(15vw - 100px);
  }

  #kontener_menu {
    top: 90px;
  }
  #menu_pelne_kontener {
    width: 750px;
    top: 90px;
    left: calc(50vw - 330px);
  }

  #kontener_glowny {
    position: relative;
    top: 400px;
    z-index: 10;
  }

  #kontener_menu .szerokosc_100 {
    width: 750px;
    left: calc(50vw - 330px);
    margin: 0;
  }

  #kontener_glowny_kolumna {
    position: relative;
    width: 750px;
    left: calc(50vw - 330px);
    margin: 0;
  }
  .szerokosc_100 {
    display: block;
    position: relative;
    width: 800px;
    margin: auto;
  }
  #stopka {
    width: 850px;
    margin-top: 80px;
    margin-bottom: 120px;
  }

  .stopka_kolumna {
    float: left;
    display: block;
    position: relative;
    width: 270px;
    margin: auto 20px;
  }
}
/*
    ▄▄▄▄      ▄▄▄▄▄▄▄▄▄▄▄   ▄▄▄▄▄▄▄▄▄    ▄▄▄▄▄▄▄▄▄   ▄▄▄▄▄▄▄▄▄▄▄  ▄       ▄ 
  ▄█░░░░▌    ▐░░░░░░░░░░░▌ ▐░░░░░░░░░▌  ▐░░░░░░░░░▌ ▐░░░░░░░░░░░▌▐░▌     ▐░▌
 ▐░░▌▐░░▌     ▀▀▀▀▀▀▀▀▀█░▌▐░█░█▀▀▀▀▀█░▌▐░█░█▀▀▀▀▀█░▌▐░█▀▀▀▀▀▀▀█░▌ ▐░▌   ▐░▌ 
  ▀▀ ▐░░▌              ▐░▌▐░▌▐░▌    ▐░▌▐░▌▐░▌    ▐░▌▐░▌       ▐░▌  ▐░▌ ▐░▌  
     ▐░░▌              ▐░▌▐░▌ ▐░▌   ▐░▌▐░▌ ▐░▌   ▐░▌▐░█▄▄▄▄▄▄▄█░▌   ▐░▐░▌   
     ▐░░▌     ▄▄▄▄▄▄▄▄▄█░▌▐░▌  ▐░▌  ▐░▌▐░▌  ▐░▌  ▐░▌▐░░░░░░░░░░░▌    ▐░▌    
     ▐░░▌    ▐░░░░░░░░░░░▌▐░▌   ▐░▌ ▐░▌▐░▌   ▐░▌ ▐░▌▐░█▀▀▀▀▀▀▀▀▀    ▐░▌░▌   
     ▐░░▌    ▐░█▀▀▀▀▀▀▀▀▀ ▐░▌    ▐░▌▐░▌▐░▌    ▐░▌▐░▌▐░▌            ▐░▌ ▐░▌  
 ▄▄▄▄█░░█▄▄▄ ▐░█▄▄▄▄▄▄▄▄▄ ▐░█▄▄▄▄▄█░█░▌▐░█▄▄▄▄▄█░█░▌▐░▌           ▐░▌   ▐░▌ 
▐░░░░░░░░░░░▌▐░░░░░░░░░░░▌ ▐░░░░░░░░░▌  ▐░░░░░░░░░▌ ▐░▌          ▐░▌     ▐░▌
 ▀▀▀▀▀▀▀▀▀▀▀  ▀▀▀▀▀▀▀▀▀▀▀   ▀▀▀▀▀▀▀▀▀    ▀▀▀▀▀▀▀▀▀   ▀            ▀       ▀ 
                                                                            */
@media (min-width: 1200px) {
  #kontener_glowny {
    position: relative;
    top: 550px;
    z-index: 10;
  }
  #menu_pelne_kontener {
    width: 800px;
    left: calc(50vw - 250px);
  }

  #kontener_glowny_kolumna {
    position: relative;
    width: 800px;
    left: calc(50vw - 250px);
    margin: 0;
  }

  #kontener_menu .szerokosc_100 {
    width: 800px;
    left: calc(50vw - 250px);
    margin: 0;
  }

  #logo_duze {
    left: calc(20vw - 120px);
  }

  .szerokosc_100 {
    display: block;
    position: relative;
    width: 1200px;
    margin: auto;
  }

  #stopka {
    width: 1200px;
    margin-top: 90px;
    margin-bottom: 140px;
  }

  .stopka_kolumna {
    float: left;
    display: block;
    position: relative;
    width: 386px;
  }
}
