HTML CSSResult Skip Results Iframe EDIT ON :root{--level-1:#8dccad;--level-2:#f5cc7f;--level-3:#7b9fe0;--level-4:#f27c8d;--black:#000}ol{list-style:none}.container{max-width:1000px;padding:0 10px;margin:0 auto}.rectangle{position:relative;box-shadow:0 5px 15px rgba(0,0,0,.15)}.level-1{margin:0 auto 40px;width:30%}.level-1:before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:2px;height:42px;background:#000}.level-2-wrapper{position:relative;display:grid;grid-template-columns:repeat(2,1fr)}.level-2-wrapper:before{top:-20px;left:25%;width:50%}.level-2-wrapper:after,.level-2-wrapper:before{content:"";position:absolute;height:2px;background:#000}.level-2-wrapper:after{display:none;left:-20px;bottom:-20px;width:calc(100% + 20px)}.level-2-wrapper li{position:relative}.level-2-wrapper>li:before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:2px;height:20px;background:#000}.level-2{margin:0 auto 40px;width:45%}.level-2:before{top:100%;left:50.1%;transform:translateX(-50%);width:2px;height:212px}.level-2:after,.level-2:before{content:"";position:absolute;background:#000}.level-2:after{display:none;top:50%;left:0;transform:translate(-100%,-50%);width:20px;height:2px}.level-3-wrapper{position:relative;width:100%;margin:80px auto 0;text-align:center}.level-3-wrapper:before{content:"";position:absolute;top:-2px;left:calc(13% - 1.08em);width:calc(75% + .35em);height:2px;background:#000}.level-3-wrapper>div:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%,-100%);width:2px;height:52px;background:#000}.level-3{margin-top:50px;position:relative}.level-4-wrapper{position:relative;width:calc(47% - .8em);margin-left:auto;margin-top:80px}.level-4-wrapper li+li{margin-top:20px}.level-4{font-weight:400}.level-4:before{content:"";position:absolute;top:50%;left:0;transform:translate(-100%,-50%);width:50px;height:2px;background:#000}@media (max-width:700px){.level-1,.level-2{width:100%}.level-3-wrapper{width:1000px;padding-bottom:20px}.level-3-wrapper:before{left:calc(12% - 4px);width:calc(73% + 27px)}.level-4-wrapper{width:calc(100% + 255px);margin-left:65%;margin-top:80px}.organization-container{overflow:auto;margin:10px 0}.organization-wrapper{height:210px}.organization-image{transform:scale(1.18)}}