a[href^="mailto:"] {
 word-break: break-all;
}
header#header {
 font-size: 10px;
 top: 0;
 height: 91px;
 width: 100%;
}
header#header .logo {
 position: absolute;
 height: 45px;
 width: 70px;
 top: 14px;
 left: 14px;
}
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( ( 100vh - 91px ) / 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 h2 {
 font-size: 18px;
 text-transform: uppercase;    
}
main section#index h3 {
 font-size: 10px;
}
main section#index picture,
main section#index img{
 position: relative;
 margin: -55px 0 0;
 width: 294px;
 height: 183px;
 z-index: 1;
}
main section#index article {
 font-size: 20px;
 font-weight: 300;
 line-height: 130%;
 margin: 75px 0 0;
 padding: 30px 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 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:nth-of-type(3) img {
 width: 90%;
}
main section#o_mnie article {
 font-size: 18px;
}
main section#moja_metoda {
 padding: 42px 40px;
}
main section#moja_metoda header {
 font-size: 20px;
 padding: 0 0 32px;
}
main section#moja_metoda header h2::first-line {
 font-size: 16px;
}
main section#moja_metoda article {
 font-size: 16px;
 padding: 48px 32px;
 margin: 0 0 24px;
}
main section#moja_metoda aside.klienci-mowia {
 padding: 0 20px 42px;
 margin: 0 -40px;
 width: calc(100% + 40px);
}
main section#moja_metoda aside.klienci-mowia ul {
 gap: 24px;
 min-height: 408px;
}
main section#moja_metoda aside.klienci-mowia ul li {
 height: 456px;
 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 {
 height: 286px;
 overflow: hidden;
}
main section#moja_metoda aside.klienci-mowia ul li.exp article>p {
 height: auto;
 overflow: visible;
}
main section#moja_metoda aside.piaty-zywiol-prowadzi {
 margin: 0 -40px;
 padding: 18px 32px 42px;
 display: flex;
 flex-direction: column;
 gap: 40px; 
}
main section#moja_metoda aside.piaty-zywiol-prowadzi div{
 margin: 0 auto;
}
main section#moja_metoda aside.piaty-zywiol-prowadzi p {
 font-size: 24px;
}
main section#blog {
 padding: 42px 64px;
}
main section.blog-read-also {
 display: none;
}
main.blog section.blog-details {
 padding: 42px;
}
main section#blog header h2,
main.blog section#blog header h1,
main.blog section.blog-details article 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 {
 gap: 64px;
}
main section ul.blog-list li {
 height: auto;
 width: 100%;
}
main section ul.blog-list li article {
 gap: 12px;
 flex-direction: row;
 flex-wrap: wrap;
}
main.blog section.blog-details article header div.blog-pic,
main section ul.blog-list li article div.blog-excerpt,
main section ul.blog-list li article div.blog-pic {
 width: 350px;
 height: 350px;
}
main section#blog ul li article div.blog-excerpt p {
 margin: 0 0 12px;
}
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;
}
main section#kontakt ul li {
 white-space: initial;
}
footer#footer nav#menu-regulations ul {
 padding: 0;
}
main section#kontakt ul li,
footer#footer nav#menu-regulations ul li {
 padding: 10px 0;
}
section#kontakt aside.newsletter {
 margin: 80px 0 0;
 width: 100%;
}
section#kontakt aside.newsletter>form>header>h2 {
 margin: 0 0 24px;
}
section#kontakt aside.newsletter > form > input.subscription_email {
 margin: 8px 0;
 width: 90%;
}
section#kontakt aside.newsletter > form > input.newsletter_subscribe {
 font: normal 500 18px 'Lato', Verdana, sans-serif;
 line-height: 160%;
 margin: 16px 0 24px;
 width: 90%;
 padding: 6px 18px 5px;
}
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 {
 padding: 42px 20px;
}
main.oferta section ul {
 flex-wrap: wrap;
}
main.oferta>section>ul>li>article>header{
 flex-wrap: wrap;
}
main.oferta>section>ul>li>article>header>div.nazwa>h2{
 font-size: 44px;
 letter-spacing: 0.44px;
}
main.oferta>section>ul>li>article>section.cena{
 margin: 32px 0 0;
}
main.oferta>section>ul>li>article>section.cena>p{
 display: inline;
}
main.oferta>section>ul>li>article>section.cena>p.cena{
 font: normal 300 32px 'Fraunces',Times,serif;
 letter-spacing: 0.32px;
}
main.oferta>section>ul>li>article>section.cena>p.opis{
 font: normal 300 32px 'Fraunces',Times,serif;
 line-height: 120%;
 letter-spacing: 0.32px;
}