.wrapper,body,html{min-height:100vh}body{background-color:#fff;color:#000;font-family:'Factor IO',Helvetica,Arial,sans-serif;font-size:clamp(100%,1rem + 2vw,24px)}.wrapper{display:flex;flex-direction:column;box-sizing:border-box;max-width:1240px;min-width:320px;margin:0 auto;padding:20px 10px}.header{margin-bottom:20px;font-size:16px;text-align:center}.header-logo{min-width:203px;min-height:45px;background:#fff url(../i/logo.svg);background-repeat:no-repeat;background-size:contain;background-position:center 0}.header-text{font-size:15px;line-height:1.5}.header a{color:#000;text-decoration:none}.header a:hover{color:#8b3ffd}.title_h1{font-weight:400;font-size:15px;text-align:center}.promo-image{margin-bottom:20px;text-align:center}.promo-image-img{max-width:100%}.promo-text{max-width:630px;margin:20px 0;padding:30px;text-align:center;font-family:'Factor IO',Helvetica,Arial,sans-serif;background-color:#f3f3f3;border-radius:20px;line-height:1.5;font-size:15px}.note{color:#959595;font-size:12px;line-height:1.5}@media screen and (min-width:520px){.content{display:flex;justify-content:space-around}.content-info{flex-basis:630px;margin-left:20px}.title_h1{font-size:36px}.promo-text{margin-top:0}}@media screen and (min-width:800px){.wrapper{padding:50px 30px;align-items:center}.header-logo{width:360px;height:80px;margin:0 auto 35px}.header-text{font-size:28px;margin:35px 0 55px}.title_h1{font-size:41px}.content{flex-grow:1}.promo-image{margin-right:50px}.promo-text{font-size:28px;line-height:1.6;padding:65px 45px}.note{margin:40px 0 0 0;font-size:15px;line-height:1.3}}