h1 {
 font-size: 48px;
 letter-spacing: -0.48px;
}
h3 {
 font-size: 10px;
}
header#header {
 font-size: 10px;
 top: 0;
 height: 91px;
 width: 100%;
}
header#header .logo {
 position: absolute;
 height: 45px;
 width: 70px;
 top: 16px;
 left: 25px;
}
header#header nav#menu {
 text-align: left;
}
header#header nav#menu ul#menu-list {
 display: none;
 background: #fff;
 align-items: center;
 margin: 0px;
 padding: 20px 40px 0;
 position: relative;
 top: 55px;
 left: 5px;
 height: 100vh;
}
header#header nav#menu label.menu-icon {
 display: block;
 right: 23px;
 padding: 4.5px 5.33px;
 top: 14px;
}
header#header nav#menu input#menu-swtch:checked ~ ul#menu-list {
 display: block;
}
header#header nav#menu ul li {
 font-size: 14px;
 line-height: 110%;
 list-style: none;
 display: block;
 padding: 16px 0;
 margin: 0 0 calc( 90vh / 7 - 48px) 0   ;
 white-space: nowrap;
}
header#header nav#menu ul li a {
 display: block;
}
header#header nav#menu ul li a,
header#header nav#menu ul li a:link,
header#header nav#menu ul li a:visited {color: #000;}
header#header nav#menu ul li a:active,
header#header nav#menu ul li a:hover {color: #000;text-decoration: none;text-shadow: 0 .05px black;}
header#header nav#menu>div.btn {
 position: absolute;
 right: 64px;
 top: 16px;
}
a.btn {
 font-size: 10px;
 border-radius: 18px;
 padding: 12px 12px 9px;
}
main section#index h1 {
 position: relative;
 z-index: 100;
}
main section#index picture {
 position: relative;
 margin: -55px 0 0; z-index: 1;
}
main section#index picture img {
 position: relative;
 margin: -55px 0 0; width: 294px; height: 183px; z-index: 1;
}
main section#index h2 {
 font-size: 18px;
 text-transform: uppercase;    
}
main section#index article {
 font-size: 20px;
 font-weight: 300;
 line-height: 130%;
 margin: 25px 0 0;
 padding: 20px;
}
main section#index article p {
 margin: 0 15px 40px;
 padding: 0;
}
main section#index article div.w_liczbach {
 align-items: center;
 color: #fff;
}
main section#index article div.w_liczbach div {
}
main section#index article div.w_liczbach div h4 {
 font-size: 42px;
 font-weight: 300;
 line-height: 110%;
 letter-spacing: -0.82px;
 margin: 30px 0 10px;
}
main section#index article div.w_liczbach div p {
 font-size: 14px;
 line-height: 130%;
 margin: 0 auto;
 width: 200px;
}
main section#o_mnie {
 padding: 36px 38px;
}
main section#o_mnie h2 {
 margin: 0 0 32px;
}
main section#o_mnie article {
 font-size: 20px;
}
main section#o_mnie picture:nth-of-type(1) {
 display: block;
 margin: 32px auto 40px;
 text-align: center;
}
main section#o_mnie picture:nth-of-type(2) {
 display: none;
}
main section#o_mnie picture:nth-of-type(3) {
 display: block;
 margin: 40px auto 36px;
 text-align: center;
}
main section#o_mnie picture img {
 width: 90%;
}
main section#moja_metoda {
 padding: 100px 40px;
}
main section#moja_metoda header {
 font-size: 20px;
 padding: 0 0 60px;
}
main section#moja_metoda header h2::first-line {
 font-size: 16px;
}
main section#moja_metoda article {
 font-size: 16px;
 padding: 48px 32px;
 margin: 24px 68px;
}
main section#moja_metoda aside.klienci-mowia {
 padding: 0 64px 42px;
 margin: 0 -40px;
 width: calc(100% - 48px);
}
main section#moja_metoda aside.klienci-mowia ul {
 min-height: 390px;
}
main section#moja_metoda aside.klienci-mowia ul li {
 height: 352px;
 flex: 0 0 calc(100% - 16px);
 width: calc(100% - 16px)
}
main section#moja_metoda aside.klienci-mowia ul li.exp {
 height: auto;
}
main section#moja_metoda aside.klienci-mowia ul li article>p {
 font-size: 20px;
 height: 192px;
 overflow: hidden;
}
main section#moja_metoda aside.klienci-mowia ul li.exp article>p {
 height: auto;
 overflow: visible;
}
main section#moja_metoda aside.klienci-mowia ul li article footer p {
 font-size: 18px;
}
main section#moja_metoda aside.piaty-zywiol-prowadzi {
 display: flex;
 gap: 40px;
 margin: 0 -40px;
 padding: 42px 32px;
}
main section#moja_metoda aside.piaty-zywiol-prowadzi>div {
 display: flex;
 flex-direction: column;
 width: 50%;
}
main section#moja_metoda aside.piaty-zywiol-prowadzi div p {
 font-size: 24px;
 height: 50%;
 margin: 0;
}
main section#moja_metoda aside.piaty-zywiol-prowadzi>div>nav {
 align-content: end;
 height: 50%;
}
main section#moja_metoda aside.piaty-zywiol-prowadzi div picture {
 overflow: hidden;
}
main section#blog,
main.oferta section {
  padding: 42px 64px;
}
main.blog section#blog {
 padding: 64px;
}
main.blog section.blog-details {
 padding: 42px;
}
main section#blog header h2,
main.blog section#blog header h1,
main.blog section.blog-details header h1 {
 font-size: 48px;
}
main section#blog header h1::first-line,
main section#blog header h2::first-line,
main.oferta>section>header>h1::first-line {
 font-size: 20px;
}
main section ul.blog-list {
 margin: 48px auto;
}
main section ul.blog-list li {
 height: 304px;
 width: 100%;
}
main.blog section.blog-details article header div.blog-pic {
 width: 640px;
 height: 640px;
}
main section ul.blog-list li article div.blog-excerpt,
main section ul.blog-list li article div.blog-pic {
 width: 304px;
 height: 304px;
}
main section#test {
 padding: 42px 64px;
}
main section#test header {
 text-align: center;
}
main section#test header h2 {
 font-size: 44px;
 margin: 0;
}
main section#test header h3 {
 margin: 18px 0;
}
main section#test footer,
main section#test form {
 max-width: 500px;
}
main section#test form input#subscription_email {
 width: 360px;
}
main section#kontakt,
footer#footer {
 padding: 64px 20px;
}
main section#kontakt div div h2 {
 margin: 0 0 32px;
}
main section#kontakt ul {
 margin: 0 0 0 -10px;
}
main section#kontakt ul li.insta,
main section#kontakt ul li.fcbk {
 margin: 0 45px 0 -32px;
}
footer#footer p.copyright {
 display: inline-block;
}
footer#footer nav#menu-regulations {
 display: inline-block;
}
footer#footer nav#menu-regulations ul {
 padding: 0;
}
main section#kontakt ul li,
footer#footer nav#menu-regulations ul li {
 padding: 10px 0;
}
main.rules article header {
 padding: 44px;
 margin:0;
}
main.rules article div.rules_container {
 padding: 44px;
 margin:0;
 display: block;
}
main.rules article div.rules_container nav#rules_menu {
 padding-left: 34px;
 margin-bottom: 44px;
 text-align: right;
 background: #F2ECDB;
 position: sticky;
 top: 100px;
}
main.oferta section ul {
 flex-wrap: wrap;
}
main.oferta>section>ul>li{
 max-width: 552px;
 width: 552px;
 aheight: 561px;
}
