.article{flex-grow:2;flex-basis:800px;padding:20px;font-size:24px}.article h2{color:#00f;background-color:#d5e4ff;border-radius:30px;margin:30px 0;padding:20px 20px 20px 100px;font-size:36px;position:relative;overflow:hidden}.article h2:before{content:"";z-index:20;background-image:url(/blog/Article/shapemodern.svg);background-repeat:no-repeat;width:110px;height:110px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)scale(.9)}.article p{margin:10px 0;font-size:24px}.article h3{margin-top:30px;font-size:32px}.article ul,.article ol{margin:40px 30px 10px;padding-left:20px}.article ul{list-style:outside}.article ol{list-style:decimal}.article li{margin:10px 0;font-size:24px}@media (max-width:720px){.article{flex-basis:auto;padding:10px;font-size:18px}.article h2{margin:20px 0;padding:10px 20px 10px 40px;font-size:22px;line-height:30px}.article h2:before{left:-20px}.article h3{font-size:20px}.article ul,.article ol{margin:30px 16px 10px;padding-left:16px}.article li,.article p{font-size:18px}}