@media (min-width: 1000px) {#graphic-timeline .graphic-card:nth-child(even) .head::after, #graphic-timeline .graphic-card:nth-child(odd) .head::after {position: absolute;content: "";width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;}#graphic-timeline .graphic-card:nth-child(even) .head::before, #graphic-timeline .graphic-card:nth-child(odd) .head::before {position: absolute;content: "";width: 9px;height: 9px;background-color: #bdbdbd;border-radius: 9px;box-shadow: 0px 0px 2px 8px #f7f7f7;}}@media (min-width: 1000px) {#graphic-timeline .graphic-card-wrapper {display: flex;width: 1170px;height: 1723px;margin: 0 auto;flex-flow: column;flex-wrap: wrap-reverse;}}.graphic-card:nth-child(1) {order: 1;}.graphic-card:nth-child(2) {order: 4;}.graphic-card:nth-child(3) {order: 2;}.graphic-card:nth-child(4) {order: 5;}.graphic-card:nth-child(5) {order: 3;}.graphic-card:nth-child(6) {order: 6;}#graphic-timeline h1 {text-align: center;font-size: 3rem;font-weight: 200;margin-bottom: 20px;}#graphic-timeline p.leader {text-align: center;max-width: 90%;margin: auto;margin-bottom: 45px;}#graphic-timeline .graphic-card-wrapper {position: relative;margin: auto;}#graphic-timeline .graphic-card-wrapper::after {z-index: 1;content: "";position: absolute;top: 0;bottom: 0;left: 50%;border-left: 1px solid rgba(191, 191, 191, 0.4);}@media (min-width: 1000px) {#graphic-timeline .graphic-card-wrapper::after {border-left: 1px solid #bdbdbd;}}#graphic-timeline .graphic-card {position: relative;display: block;margin: 10px auto 80px;max-width: 94%;z-index: 2;}@media (min-width: 480px) {#graphic-timeline .graphic-card {max-width: 60%;box-shadow: 0px 1px 22px 4px rgba(0, 0, 0, 0.07);}}@media (min-width: 720px) {#graphic-timeline .graphic-card {max-width: 40%;}}@media (min-width: 1000px) {#graphic-timeline .graphic-card {max-width: 450px;height: 400px;margin: 90px;margin-top: 45px;margin-bottom: 45px;}#graphic-timeline .graphic-card:nth-child(odd) {margin-right: 45px;}#graphic-timeline .graphic-card:nth-child(odd) .head::after {border-left-width: 15px;border-left-style: solid;left: 100%;}#graphic-timeline .graphic-card:nth-child(odd) .head::before {left: 491.5px;}#graphic-timeline .graphic-card:nth-child(even) {margin-left: 45px;}#graphic-timeline .graphic-card:nth-child(even) .head::after {border-right-width: 15px;border-right-style: solid;right: 100%;}#graphic-timeline .graphic-card:nth-child(even) .head::before {right: 489.5px;}#graphic-timeline .graphic-card:nth-child(2) {margin-top: 180px;}}#graphic-timeline .graphic-card .head {position: relative;display: flex;align-items: center;color: #fff;font-weight: 400;}#graphic-timeline .graphic-card .head .number-box {display: inline;float: left;margin: 15px;padding: 10px;font-size: 35px;line-height: 35px;font-weight: 600;background: rgba(0, 0, 0, 0.17);}#graphic-timeline .graphic-card .head h2 {text-transform: uppercase;font-size: 1.3rem;font-weight: inherit;letter-spacing: 2px;margin: 0;padding-bottom: 6px;line-height: 1rem;}@media (min-width: 480px) {#graphic-timeline .graphic-card .head h2 {font-size: 165%;line-height: 1.2rem;}}#graphic-timeline .graphic-card .head h2 span {display: block;font-size: 0.6rem;margin: 0;}@media (min-width: 480px) {#graphic-timeline .graphic-card .head h2 span {font-size: 0.8rem;}}#graphic-timeline .graphic-card .body {background: #fff;border: 1px solid rgba(191, 191, 191, 0.4);border-top: 0;padding: 15px;}@media (min-width: 1000px) {#graphic-timeline .graphic-card .body {height: 315px;}}#graphic-timeline .graphic-card .body p {font-size: 14px;line-height: 18px;margin-bottom: 15px;}#graphic-timeline .graphic-card--step1 {background-color: #2980b9;}#graphic-timeline .graphic-card--step1 .head::after {border-color: #2980b9;}#graphic-timeline .graphic-card--step2 {background-color: #3498db;}#graphic-timeline .graphic-card--step2 .head::after {border-color: #3498db;}#graphic-timeline .graphic-card--step3 {background-color: #16a085;}#graphic-timeline .graphic-card--step3 .head::after {border-color: #16a085;}#graphic-timeline .graphic-card--step4 {background-color: #1abc9c;}#graphic-timeline .graphic-card--step4 .head::after {border-color: #1abc9c;}#graphic-timeline .graphic-card--step5 {background-color: #f39c12;}#graphic-timeline .graphic-card--step5 .head::after {border-color: #f39c12;}#graphic-timeline .graphic-card--step6 {background-color: #f1c40f;}#graphic-timeline .graphic-card--step6 .head::after {border-color: #f1c40f;}#graphic-timeline .graphic-card .body img {width: 50%;}#graphic-timeline .image-card{display: flex;justify-content: center;}