.center img{width:100%}@media (min-width:1000px){#timeline .demo-card:nth-child(odd) .head::after,#timeline .demo-card:nth-child(even) .head::after{position:absolute;content:"";width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent}#timeline .demo-card:nth-child(odd) .head::before,#timeline .demo-card:nth-child(even) .head::before{position:absolute;content:"";width:9px;height:9px;background-color:orange;border-radius:9px;box-shadow:0 0 2px 8px #f7f7f7}}#timeline{padding:0}.demo-card:nth-child(1){order:1}.demo-card:nth-child(2){order:4}.demo-card:nth-child(3){order:2}.demo-card:nth-child(4){order:5}.demo-card:nth-child(5){order:3}.demo-card:nth-child(6){order:6}.demo-card:nth-child(7){order:3}#timeline h1{text-align:center;font-size:3rem;color:orange;font-weight:200;margin-bottom:10px}#timeline p.leader{text-align:center;max-width:90%;margin:auto;font-size:18px;margin-bottom:45px}#timeline .demo-card-wrapper{position:relative;margin:auto}@media (min-width:1000px){#timeline .demo-card-wrapper{display:flex;flex-flow:column wrap;width:1170px;height:2000px;margin:0 auto}}#timeline .demo-card-wrapper::after{z-index:1;content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid rgba(191,191,191,.4)}@media (min-width:1000px){#timeline .demo-card-wrapper::after{border-left:1px solid #bdbdbd}}#timeline .demo-card{position:relative;display:block;margin:10px auto 80px;max-width:94%;z-index:2}@media (min-width:480px){#timeline .demo-card{max-width:60%;box-shadow:0 1px 22px 4px rgba(0,0,0,.07)}}@media (min-width:720px){#timeline .demo-card{max-width:40%}}@media (min-width:1000px){#timeline .demo-card{max-width:450px;margin:90px;margin-top:45px;margin-bottom:45px}#timeline .demo-card:nth-child(odd){margin-right:45px}#timeline .demo-card:nth-child(odd) .head::after{border-left-width:15px;border-left-style:solid;left:100%}#timeline .demo-card:nth-child(odd) .head::before{left:491.5px}#timeline .demo-card:nth-child(even){margin-left:45px}#timeline .demo-card:nth-child(even) .head::after{border-right-width:15px;border-right-style:solid;right:100%}#timeline .demo-card:nth-child(even) .head::before{right:489.5px}#timeline .demo-card:nth-child(2){margin-top:180px}}#timeline .demo-card .head{position:relative;display:flex;align-items:center;color:#fff;font-weight:400}#timeline .demo-card .head .number-box span{display:inline;float:left;margin:15px;padding:10px;font-size:35px;line-height:35px;font-weight:600;background:rgba(0,0,0,.17)}#timeline .demo-card .head h2{text-transform:uppercase;font-size:1.3rem;font-weight:inherit;letter-spacing:2px;margin:0;padding-bottom:6px;color:#fff;line-height:1rem;/* padding-top:19px */}@media (min-width:480px){#timeline .demo-card .head h2{font-size:27px;line-height:1.2rem}}#timeline .demo-card .head h2 span{display:block;font-size:14px;margin:0;letter-spacing:0;padding-bottom:3px;color:#fff;padding-top:6px}@media (min-width:480px){#timeline .demo-card .head h2 span{font-size:16px;color:#fff;padding-top:7px}}#timeline .demo-card .body{background:#fff;border:1px solid rgba(191,191,191,.4);border-top:0;padding:15px}@media (min-width:1000px){#timeline .demo-card .body{}}#timeline .demo-card .body p{font-size:14px;color:gray;line-height:18px;margin-bottom:15px;margin-top:0}#timeline .demo-card .body img{display:block;width:100%}#timeline .demo-card{background-color:#009CDE}#timeline .demo-card .head::after{border-color:#009CDE}.body img{border:1px solid lightgray}.wondering{margin-top:20px;clear:both;display:block;margin-bottom:-10px}.mdl-expansion{border-bottom:1px solid rgba(0,0,0,.12);width:100%;box-sizing:border-box}.mdl-expansion__summary{height:80px;display:flex;outline:none}.mdl-expansion__summary::-webkit-details-marker{display:none}.mdl-expansion__summary::after{font-family:'Material Icons';content:'\e313';font-size:24px;font-weight:400;font-style:normal;display:inline-flex;flex-direction:column;user-select:none;justify-content:center;transition:transform 200ms,color 200ms;margin-left:auto;color:orange}.mdl-expansion__summary:focus::after{color:rgba(0,0,0,.54)}.mdl-expansion__header{display:flex;flex-direction:column;justify-content:center;color:#009CDE;margin-right:16px}.mdl-expansion__subheader{font-size:.75rem;color:rgba(0,0,0,.54)}.mdl-expansion__secondary-content{display:flex;flex-direction:column;justify-content:center;font-size:.9375rem;font-weight:500;flex-basis:30%;color:rgba(0,0,0,.87);margin-right:16px}.mdl-expansion__content{padding-top:16px;padding-bottom:16px}.mdl-expansion__content + .mdl-expansion__actions{border-top:1px solid rgba(0,0,0,.12)}.mdl-expansion__actions{display:flex;flex-direction:row-reverse;padding-top:16px;padding-bottom:16px}.mdl-expansion__action{margin-right:8px}.mdl-expansion[open] .mdl-expansion__summary::after{transform:rotate(180deg)}