body {
 font: 24px 'Fraunces',Times,serif;
}
h1 {
 font-size: 82px;
}
h2 {
 font-size: 60px;
}
h3 {
 font-size: 48px;
}
header#header {
 font: normal 300 14px 'Lato', Verdana, sans-serif;
 position: fixed;
 top: 0;
 height: 91px;
 width: 100%;
 z-index: 1000;
}
header#header nav#menu {
 height: 39px;
 width: 750px;
 position: absolute;
 padding: 16px 0;
 text-align: center;
 text-transform: uppercase;
 top: 0;
 right: 40px;
}
header#header nav#menu .menu-icon,
header#header nav#menu input#menu-swtch {
 display: none;
}
header#header nav#menu ul#menu-list{
 align-items: center;
 display: inline-flex;
 gap: 56px;
 margin: 0;
 padding: 0;
}
header#header nav#menu ul li {
 line-height: 110%;
 list-style: none;
 display: block;
 padding: 0;
 margin: 0;
 white-space: nowrap;
}
header#header nav#menu>div.btn {
 display: inline-block;
 margin: 0 0 0 39px;
}
main {
 margin: 91px auto 0;
 max-width: 1440px;
}
main section#index h1 {
 position: relative;
 z-index: 100;
}
main section#index h1 br#titleBreak {
 display: none;
}
main section#index h2 {
 font-size: 24px;
 text-transform: uppercase;    
}
main section#index h3 {
 font-size: 13px;
 letter-spacing: -0.26px;
}
main section#index picture {
 position: relative;
 margin: -82px 0 0; z-index: 1;
}
main section#index img {
 position: relative;
 margin: -82px 0 0; width: 641px; height: 406px; z-index: 1;
}
main section#index article {
 font-size: 40px;
 font-weight: 300;
 line-height: 130%;
 margin: 55px 0 0;
 padding: 90px;
}
main section#index article p {
 margin: 0 108px 40px;
 padding: 0;
}
main section#index article p a.btn {
 line-height: normal;
}
main section#index article div.w_liczbach {
 align-items: center;
 color: #fff;
 display: inline-flex;
 gap: 80px;
}
main section#index article div.w_liczbach div {
 display: block;
}
main section#index article div.w_liczbach div h4 {
 font-size: 82px;
 font-weight: 300;
 line-height: 110%;
 letter-spacing: -0.82px;
 margin: 80px 0 16px;
}
main section#index article div.w_liczbach div p {
 font-size: 22px;
 line-height: 130%;
 margin: 0;
 width: 313px;
}
main section#o_mnie {
 gap: 123px;
 padding: 117px 106px 128px 158px;
}
main section#o_mnie h2 {
 margin: 0 0 50px;
}
main section#o_mnie picture:nth-of-type(1) {
 display: block;
}
main section#o_mnie picture:nth-of-type(2) {
 display: block;
 margin: -23px 0 0 -158px;
}
main section#o_mnie picture:nth-of-type(3) {
 display: none;
}
main section#o_mnie article {
 max-width: 598px;
}
main section#o_mnie article h2:first-of-type {
 margin-top: 0;
}
main section#moja_metoda {
 display: flex;
 gap: 32px;
 flex-direction: row;
 flex-wrap: wrap;
 padding: 100px 90px 0;
}
main section#moja_metoda>header {
  flex: 0 1 100%;
  max-width: 1126px;
}
main section#moja_metoda>header h2 {
 font-size: 82px;
}
main section#moja_metoda>header h2::first-line {
 font-size: 22px;
}
main section#moja_metoda header p,
main section#moja_metoda article:nth-of-type(6) p {
 font-size: 28px;
}
main section#moja_metoda>article {
  flex: 1 0 50%;
}
main section#moja_metoda>article:nth-of-type(1),
main section#moja_metoda>article:nth-of-type(2),
main section#moja_metoda>article:nth-of-type(3),
main section#moja_metoda>article:nth-of-type(4){
  max-width: 42%;
}
main section#moja_metoda article:nth-of-type(5) {
  max-width: calc(84% + 96px);
}
main section#moja_metoda article p {
 margin: 24px 0 0;
}
main section#moja_metoda article:nth-of-type(5) p {
 margin: 48px 0 0;
}
main section#moja_metoda article:nth-of-type(6) p {
 margin: 24px 0;
}
main section#moja_metoda article:nth-of-type(6) h3 {
 font-size: 60px;
}
main section#moja_metoda article:nth-of-type(6) h3::first-line {
 font-size: 22px;
}
main section#moja_metoda aside.klienci-mowia {
 padding: 0 64px 64px;
 margin: 0 -90px;
 width: calc(100% + 52px);
}
main section#moja_metoda aside.klienci-mowia h2 {
 margin-bottom: 12px;
}
main section#moja_metoda aside.klienci-mowia h3 {
 font-size: 20px;
 line-height: 160%;
}
main section#moja_metoda aside.klienci-mowia ul {
 min-height: 374px;
}
main section#moja_metoda aside.klienci-mowia ul li {
 height: 352px;
 flex: 0 0 calc(50% - 16px);
 width: calc(50% - 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;
 padding: 0;
 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.klienci-mowia nav.buttons {
 position: absolute;
 top: 352px;
 width: 100%;
}
main section#moja_metoda aside.klienci-mowia nav.buttons button#review-prev {
 left: -24px;
 position: absolute;
}
main section#moja_metoda aside.klienci-mowia nav.buttons button#review-next {
 right: 103px;
 position: absolute;
}
main section#moja_metoda aside.klienci-mowia nav ol {
 margin: 4px auto;
 width: fit-content;    
}
main section#moja_metoda aside.piaty-zywiol-prowadzi {
 display: flex;
 gap: 40px;
 margin: 0 -90px;
 padding: 80px 248px;
}
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: 40px;
 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 80px;
}
main.blog section.blog-details {
 padding: 64px;
}
main.blog section.blog-details>article {
 display: flex;
 gap: 24px;
 flex-wrap: wrap;
 align-items: flex-start;
}
main.blog section.blog-details article>header {
 flex-wrap: nowrap;
 gap: 80px;
 margin: 0;
 width: 100%;
}
main.blog section#blog header {
 max-width: 1280px;
}
main section#blog header h2,
main.blog section#blog header h1,
main.blog section.blog-details header div h1 {
 font-size: 82px;
}
main.blog > section.blog-details > article > section > div {
 width: 800px;
 max-width: 800px;
}
@media (max-height: 900px) {
 main.blog > section.blog-details > article > header > div.blog-pic {
  height: 60vh;
  width: 60vh;
 }
}
main.blog > section.blog-details > article > aside.newsletter {
 background: #F8F5ED;
 border: 1px solid rgba(8, 5, 5, 0.15);
 border-radius: 16px;
 color: #080505;
 padding: 31px;
 height: auto;
 width: 400px;
 min-width: 250px;
 max-width: 400px;
 display: block;
 visibility: visible;
 position: sticky;
 top: 100px;
}
main.blog > section.blog-details > article > aside.newsletter>form>header {
 display: block;
 gap: unset;
 flex-wrap: unset;
}
main.blog > section.blog-details > article > aside.newsletter>form>header>h2 {
 font: normal 300 32px 'Fraunces',Times,serif;
 line-height: 120%;
 margin: 0;
 padding: 0;
}
main.blog > section.blog-details > article > aside.newsletter>form>header>h3 {
 font: normal 400 18px 'Lato', Verdana, sans-serif;
 line-height: 160%;
 margin: 16px 0;
 padding: 0;
}
main.blog > section.blog-details > article > aside.newsletter > form > input.subscription_email {
 background: #F8F5ED;
 border: 0;
 border-bottom: 1px solid rgba(8, 5, 5, 0.15);
 color: #080505;
 font: normal 400 18px 'Lato', Verdana, sans-serif;
 line-height: 160%;
 width: 400px;
}
main.blog > section.blog-details > article > aside.newsletter > form > input.subscription_email:placeholder {
 color: rgba(8, 5, 5, 0.60);
}
main.blog > section.blog-details > article > aside.newsletter > form > input.newsletter_subscribe {
 border-radius: 20px;
 border: 1px solid #621B2F;
 background: #621B2F;
 color: #FFF;
 font: normal 500 18px 'Lato', Verdana, sans-serif;
 line-height: 160%;
 width: 400px;
 padding: 0;
 margin: 16px 0;
 padding: 0;
}
main.blog > section.blog-details > article > aside.newsletter>form>footer>p {
 font: normal 400 12px 'Lato', Verdana, sans-serif;
 line-height: 160%;
 margin: 0;
 padding: 0;
}
main section#blog header h1::first-line,
main section#blog header h2::first-line,
main.oferta>section>header>h1::first-line{
 font-size: 30px;
}
main section ul.blog-list {
 margin: 80px auto;
}
main section ul.blog-list li {
 height: 288px;
 width: calc(50% - 32px);
}
main section ul.blog-list li article div.blog-excerpt,
main section ul.blog-list li article div.blog-pic {
 width: 288px;
 height: 288px;
}
main section#test {
 padding: 112px 64px;
}
main section#test header {
 text-align: center;
}
main section#test header h2 {
 font-size: 60px;
}
main section#test header h3 {
 font-size: 32px;
}
main section#test footer,
main section#test form {
 max-width: 500px;
}
main section#test form input#subscription_email {
 width: 360px;
}
main section#kontakt {
 padding: 64px 64px 0;
}
main section#kontakt>div {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 align-self: stretch;
}
main section#kontakt>div>div {
}
main section#kontakt div div h2 {
 margin: 0 0 40px;
}
main section#kontakt div div ul li {
 padding: 0 0 16px;
}
footer#footer {
 margin: 0 auto;
 max-width: 1312px;
 padding: 60px 64px;
 text-align: right;
}
footer#footer p.copyright {
 display: inline-block;
 font-weight: 400;
 line-height: 160%;
 margin-top: 0;
}
footer#footer nav#menu-regulations {
 display: inline-block;
}
footer#footer nav#menu-regulations ul {
 align-items: stretch;
 display: inline-flex;
 font-weight: 400;
 line-height: 160%;
 padding: 0;
 margin-top: 0;
}
footer#footer nav#menu-regulations ul li {
 display: block;
 padding: 0 12px 12px;
}
main.rules article div.rules_container nav#rules_menu ul {
 position: sticky;
 top: 100px;
}
main.rules article header h1 {
 font-size: 60px;
}
main.oferta>section>ul{
 flex-wrap: wrap;
}
main.oferta>section>ul>li{
 min-width: 520px;
 max-width: 640px;
 width: calc(50% - 16px);
}
main.oferta>section>ul>li>article{
 height: calc(100% - 64px);
 min-height: 648px;
}