.timeline{margin:auto;max-width:1200px}.timeline h1{font-size:200%;font-weight:400;letter-spacing:3px;text-transform:uppercase}.timeline header{background:#3f51b5;color:#fff;padding:150px 0}.timeline header p{color:hsla(0,0%,100%,.2);font-family:Allura;font-size:60px;margin-bottom:0;margin-top:-30px}.timeline{position:relative}.timeline:before{background:#c5cae9;content:"";height:95%;left:50%;position:absolute;transform:translateX(-50%);width:5px}.timeline-item{margin-bottom:70px;width:100%}.timeline-item:nth-child(2n) .timeline-content{float:right;padding:40px 30px 10px}.timeline-item:nth-child(2n) .timeline-content .date{left:0;right:auto}.timeline-item:nth-child(2n) .timeline-content:after{border-color:transparent #f5f5f5 transparent transparent;border-style:solid;border-width:10px 15px 10px 0;content:"";height:0;left:-15px;position:absolute;top:30px;width:0}.timeline-item:after{clear:both;content:"";display:block}.timeline-content{background:#f5f5f5;border-radius:4px;box-shadow:0 20px 25px -15px rgba(0,0,0,.3);padding:10px 30px;position:relative;width:45%}.timeline-content:after{border-color:transparent transparent transparent #f5f5f5;border-style:solid;border-width:10px 0 10px 15px;content:"";height:0;position:absolute;right:-15px;top:30px;width:0}.timeline-img{background:#3f51b5;border-radius:50%;height:30px;left:50%;margin-left:-15px;margin-top:25px;position:absolute;width:30px}a:active,a:focus,a:hover{background:#32408f;color:#fff;text-decoration:none}.timeline-card{padding:0!important}.timeline-img-header{height:200px;margin-bottom:20px;position:relative}.timeline-img-header h2{bottom:5px;color:#fff;left:20px;position:absolute}blockquote{border-left-color:#3f51b5;color:#757575;margin-top:30px;padding:0 20px}.date{background:#37d4b7;color:#002074;display:inline-block;padding:10px;position:absolute;right:0;top:0}@media screen and (max-width:768px){.timeline .timeline-img,.timeline:before{left:50px}.timeline .timeline-content{margin-left:70px;max-width:100%;width:auto}.timeline .timeline-item:nth-child(2n) .timeline-content{float:none}.timeline .timeline-item:nth-child(odd) .timeline-content:after{border-color:transparent #f5f5f5 transparent transparent;border-style:solid;border-width:10px 15px 10px 0;content:"";height:0;left:-15px;position:absolute;top:30px;width:0}}