.timeline{position:relative;margin-top:10rem}#line{width:100%;height:.5vw;max-height:5px;background-color:var(--c-main)}#line>.row{justify-content:space-evenly}#line>.row>div{position:relative;height:20px;justify-content:center;display:flex}.timeline_dot{width:2vw;height:2vw;max-width:25px;max-height:25px;border-radius:50%;background-color:var(--c-main);position:absolute;top:-.6rem;text-align:center}.timeline_dot::before{content:"|";position:relative;bottom:4vw;font-size:3vw;z-index:4;color:var(--c-main)}.timeline_year{position:absolute;border:2px solid var(--c-main);padding:.5vw 1vw;border-radius:15%;transform:translateY(-160%);z-index:5;background:#FFFFFF}.timeline_year:hover{background-color:var(--c-main);color:white;cursor:pointer}#history_text{border:1px solid var(--c-main);padding:2vw;margin-top:4rem}.bg-sub2{background:var(--c-turquoise);color:white}#history_text p{margin:0;font-size:1rem}@media screen and (max-width:574px){#timeLineXS{display:block}#timeLineXL{display:none}.timeline{margin-top:6rem}.timeline_dot{top:-.3rem}.timeline_year{transform:translateY(-140%)}#history .col-1{padding-left:36px}}@media screen and (min-width:575px) and (max-width:992px){.timeline_dot{top:-.4rem}#line .col-1{padding-right:22px}}@media screen and (min-width:575px){#timeLineXS{display:none}#timeLineXL{display:block}#history .col-1{padding-left:20px}}