/*-----------------
  DOKUMENTY
----------------*/
.qd-page--doc .qd-top{ border-bottom: 2px dotted var(--qd-sage); }
.legaldoc{
    position: relative;
    padding: 60px 20px 150px;
    overflow: hidden;
}
.legaldoc:before{
    content: '';
    position: absolute;
    top: 40px;
    right: -60px;
    width: 160px;
    height: 130px;
    background: var(--qd-yellow);
    clip-path: polygon(0 20%, 100% 0, 38% 100%);
    opacity: .7;
}
.legaldoc__head{
    position: relative;
    text-align: center;
    color: #968d82;
}
.legaldoc__h1{
	font-family: var(--qd-round);
	font-weight: 800;
	font-style: normal;
    font-size: 26px;
    letter-spacing: 4px;
    line-height: 1.4;
}
.legaldoc__s{
    margin-top: 4px;
    font-family: var(--qd-script);
    font-size: 24px;
    color: var(--qd-sage-deep);
}
.legaldoc__date{
    margin-top: 14px;
    font-size: 12px;
    letter-spacing: 1px;
    color: #a09789;
}
.legaldoc__body{
    position: relative;
    max-width: 820px;
    margin: 44px auto 0;
    padding: 12px 22px 40px;
    background: #fbf8f1;
    border-radius: 24px;
}
.legaldoc__h2{
	font-family: var(--qd-round);
	font-weight: 800;
	font-style: normal;
    font-size: 17px;
    letter-spacing: 1px;
    color: #968d82;
    margin: 32px 0 8px 0;
}
.legaldoc__p{
    font-size: 14.5px;
    line-height: 2;
    color: #251e1c;
}
.legaldoc__p a{ text-decoration: underline; color: var(--qd-sage-deep); }

@media screen and (min-width: 769px) {
    .legaldoc{ padding: 100px 40px 200px; }
    .legaldoc:before{ width: 300px; height: 240px; right: -80px; top: 30px; }
    .legaldoc__h1{ font-size: 30px; letter-spacing: 6px; }
    .legaldoc__s{ font-size: 28px; }
    .legaldoc__body{ margin-top: 60px; padding: 24px 64px 60px; border-radius: 30px; }
    .legaldoc__h2{ font-size: 19px; letter-spacing: 3px; margin-top: 40px; }
    .legaldoc__p{ font-size: 15px; line-height: 2.1; }
}
