/* The privacy-policy page (/personaldata), drawn the way the Tilda page looked: black header with the logo and a
   "На главную" button, the text in a 760 px column, a light block with the contacts, the black footer of the main page.
   Fonts come from /assets/fonts/fonts.css (Geologica for headings, Inter for text, as in the Tilda project). */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#fff;color:#000;font-family:'Inter',Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}

.ph{height:80px;background:#000}
.ph__in{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 40px}
.ph__logo{display:block;line-height:0}
.ph__logo img{display:block;width:260px;height:auto}
.ph__btn{display:inline-flex;align-items:center;height:40px;padding:0 30px;border:1px solid #fff;border-radius:50px;color:#fff;font-family:'Geologica',Arial,sans-serif;font-size:14px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap}
.ph__btn:hover{background:#fff;color:#000}

.pol{padding:170px 0 120px}
.pol__in{width:min(1200px,100%);margin:0 auto;padding:0 20px}
.pol__text{max-width:760px}
.pol h1{margin:0 0 52px;font-family:'Geologica',Arial,sans-serif;font-size:32px;font-weight:600;line-height:1.23}
.pol h2{margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.55}
.pol h2 span{display:inline-block;min-width:23px;font-weight:400}
.pol p{margin:0 0 24px}
.pol ol,.pol ul{margin:0 0 24px;padding-left:22px}
.pol ol{list-style:decimal}
.pol ul{list-style:disc}
.pol li{padding-left:2px}
.pol a{text-decoration:underline;text-underline-offset:2px}

.pc{padding:135px 0;background:#fafafa;text-align:center}
.pc__in{width:min(1200px,100%);margin:0 auto;padding:0 20px}
.pc__lead{margin:0 0 33px;font-family:'Geologica',Arial,sans-serif;font-size:22px;font-weight:600;line-height:1.35}
.pc p:not(.pc__lead){margin:0;font-family:'Geologica',Arial,sans-serif;font-size:20px;font-weight:400;line-height:1.55}

.pf{height:122px;background:#000}
.pf__in{position:relative;width:min(1200px,100%);height:100%;margin:0 auto}
.pf__c{position:absolute;top:33px;left:20px;color:#8a8a8a;font-family:'Geologica',Arial,sans-serif;font-size:11px;font-weight:300;line-height:1.55;opacity:.8}
.pf__logo{position:absolute;top:29px;left:50%;line-height:0;transform:translateX(-50%)}
.pf__logo img{display:block;width:225px;height:auto}

@media (max-width:960px){
  .pol{padding:110px 0 80px}
  .pc{padding:90px 0}
}
@media (max-width:640px){
  .ph{height:72px}
  .ph__in{padding:0 20px}
  .ph__logo img{width:170px}
  .ph__btn{height:36px;padding:0 18px;font-size:13px}
  .pol{padding:64px 0 60px}
  .pol h1{margin-bottom:36px;font-size:26px}
  .pc{padding:64px 0}
  .pc__lead{font-size:19px}
  .pc p:not(.pc__lead){font-size:18px}
  .pf{height:150px}
  .pf__c{top:28px;left:0;right:0;text-align:center}
  .pf__logo{top:78px}
  .pf__logo img{width:190px}
}