.demo-content { font-size: 14px; line-height: 1.4}
.demo-content h1{ font-size: 24px; line-height: 1.2}
.demo-content h2{ margin-top: 40px; border-bottom: 1px solid  #DCDCDC; padding-bottom: 5px; margin-bottom: 15px;}
.demo-content p{ margin-bottom: 7px;}
.demo-content ol{ padding-left: 30px;}
.demo-content ol li{ padding-bottom: 10px;}

.line{height: 1px; background:  #DCDCDC; margin: 30px 0;}
.img{ margin-top: 15px; margin-bottom: 25px;}
.img span, .images-wrap span{ display: block; text-align: center; padding: 10px; font-size: 13px; font-style: italic}
.img img{ width: 100%; max-width: 100%; height: auto; display: block; border-radius: 10px; box-shadow: 0 4px 10px -5px rgba(0 0 0 /15%); cursor: zoom-in;}
.img.mobile { max-width: 240px; margin-left: auto; margin-right: auto}
.images { display: flex; align-items: center; }
.images .img {padding: 0 10px;   }

.images-wrap {  margin-top: 15px; margin-bottom: 25px;}
.images-wrap .img {  margin-top: 0px; margin-bottom: 0px;}

.glav ol li{ padding-bottom:10px; text-decoration: underline; cursor: pointer }
.styker{display: none}

.demo-content .button.appstore, .demo-content .button.googleplay, .demo-content .button.rustore{font-size: 11px;}
.qr-wrap{ display: flex; align-items: flex-end; padding: 10px; justify-content: center }
.qr-wrap img{ width: 140px; margin: auto; border-radius: 10px;  }
.qr-wrap span{ text-align: center; font-style: italic}
.qr-wrap >div:last-child{ margin-left: 20px;}
.apps-buttons{ margin: 15px 0; justify-content: center}
@media only screen and (min-width: 1024px) {
    .demo-content { font-size: 16px;  margin: auto; padding-left: 260px;}
    .glav{ display: none}
    .glav.styker{ display: block;   position: sticky; top:100px;    width: 220px;  font-size: 13px; padding-right: 20px; transform: translateX(calc(-100% - 20px)); height: 0}
    .glav > ol{ margin:0; padding: 15px; padding-left: 25px; border: 1px solid #DCDCDC; border-radius: 10px; }
    .glav ol ol{ padding-left: 15px; margin-top: 10px}
    .demo-content h1{font-size: 32px; letter-spacing: 0; margin-top: 40px}
    .img{ margin-top: 20px; margin-bottom: 30px;}

}
@media only screen and (min-width: 1280px) {
    .demo-content {   padding-left: 320px;}
    .demo-content ol{ padding-left: 40px;}

    .glav.styker{font-size:14px;  width: 280px;}
 }