@media only screen and (min-width:752px){.timeline{align-items:center;background-color:var(--color-primary-light);display:flex;height:300px;justify-content:center;position:relative}.timeline__container{background-color:var(--color-primary);height:10px;position:absolute;width:100%}.timeline__content{bottom:600%;justify-content:space-evenly}.timeline__button-wrapper,.timeline__content{align-items:center;display:flex;position:relative}.timeline__button-wrapper{flex-grow:1;justify-content:center;width:20%}.timeline__icon{height:50%;width:50%}.timeline__desc{left:0;max-width:100%;padding-top:10px;position:absolute;top:110%}.timeline__desc,.timeline__desc-mobile{color:var(--color-primary);display:none;font-size:14px;font-weight:var(--regular);text-align:center}.timeline__desc-mobile{padding-top:20px;width:100%}.timeline-button{align-items:center;background-color:var(--color-primary);border-radius:100%;display:flex;height:125px;justify-content:center;transition:all .2s ease;width:125px}.timeline__button-wrapper:focus>.timeline-button{transform:scale(1.2)}.timeline__button-wrapper:focus>.timeline__desc{display:block}.timeline-button:focus{transform:scale(1.2)}.timeline-button:focus .timeline__desc{display:flex}.timeline__button-wrapper:focus .timeline__icon,.timeline__button-wrapper:hover .timeline__icon{filter:brightness(0) invert(1)}.timeline-active{align-items:center;background-color:var(--color-primary);border-radius:100%;display:flex;height:175px;justify-content:center;width:175px}}@media only screen and (min-width:521px)and (max-width:751px){.timeline{width:100%}.timeline__container{background-color:var(--color-primary-light);height:max-content;position:static;width:100%}.timeline__content{display:flex;flex-wrap:wrap;height:max-content;justify-content:space-evenly;width:100%}.timeline__icon{height:50%;width:50%;stroke:var(--color-white)}.timeline__button{align-items:center;background-color:var(--color-primary);border-radius:100%;display:flex;height:125px;justify-content:center;width:125px}.timeline__button-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:30px;width:33%}.timeline__desc{display:none}.timeline__desc,.timeline__desc-mobile{color:var(--color-primary);font-size:14px;font-weight:var(--regular);text-align:center;width:100%}.timeline__desc-mobile{padding-top:20px}.timeline-button{align-items:center;background-color:var(--color-primary);border-radius:100%;display:flex;height:125px;justify-content:center;width:125px}}@media only screen and (min-width:320px)and (max-width:520px){.timeline{width:100%}.timeline__container{background-color:var(--color-primary-light);height:max-content;position:static;width:100%}.timeline__content{align-items:center;display:flex;flex-direction:column;height:max-content;justify-content:center;width:100%}.timeline__icon{height:50%;width:50%;stroke:var(--color-white)}.timeline__button{background-color:var(--color-primary);border-radius:100%;height:125px;width:125px}.timeline__button,.timeline__button-wrapper{align-items:center;display:flex;justify-content:center}.timeline__button-wrapper{flex-direction:column;padding:30px}.timeline__desc{display:none}.timeline__desc,.timeline__desc-mobile{color:var(--color-primary);font-size:14px;font-weight:var(--regular);text-align:center;width:100%}.timeline__desc-mobile{padding-top:20px;position:relative}.timeline-button{align-items:center;background-color:var(--color-primary);border-radius:100%;display:flex;height:125px;justify-content:center;width:125px}}