html,body{height:100%}body{font-family:'Montserrat',sans-serif;font-weight:400;color:;background-color:none;padding:0 25px;display:flex;flex-direction:column;position:relative}.flex-parent{margin-top:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.input-flex-container{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;width:80vw;max-width:1000px;position:relative;z-index:0;margin-left:calc((80vw - 25px) / 20)}input{width:25px;height:25px;background-color:#c0392b;position:relative;border-radius:50%;display:block;-moz-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer}input:focus{outline:0}input::before,input::after{content:"";display:block;position:absolute;z-index:-1;top:50%;transform:translateY(-50%);background-color:#c0392b;width:4vw;height:5px;max-width:50px}input::before{left:calc(-4vw + 12.5px)}input::after{right:calc(-4vw + 12.5px)}input:checked{background-color:#c0392b}input:checked::before{background-color:#c0392b}input:checked::after{background-color:#df9a94}input:checked ~ input,input:checked ~ input::before,input:checked ~ input::after{background-color:#df9a94}input:checked+.dot-info span{font-size:13px;font-weight:bold}.dot-info{width:25px;height:25px;display:block;visibility:hidden;position:relative;z-index:-1;left:calc((((80vw - 25px) / 20) * -1) - 1px)}.dot-info span{visibility:visible;position:absolute;font-size:12px;line-height:1.1em}.dot-info span.year{bottom:-30px;left:50%;transform:translateX(-50%);color:#e2e2e2;letter-spacing:.025em}.dot-info span.label{top:-65px;left:0;transform:rotateZ(-45deg);width:70px;text-indent:-10px;color:#e2e2e2;letter-spacing:.025em}#timeline-descriptions-wrapper{width:100%;margin-top:60px;font-size:22px;font-weight:400;margin-left:calc((-80vw - 25px) / 20)}#timeline-descriptions-wrapper p{margin-top:0;margin-bottom:30px;display:none}#timeline-descriptions-wrapper img{max-width:400px !important;border-radius:6px !important;margin-top:10px !important;display:block !important}.timeline-desc-header{font-family:'Barlow Condensed',sans-serif;font-weight:400;letter-spacing:.025em;font-size:2em;text-transform:uppercase;color:#c0392b;margin:20px 0px 0px 0px;text-align:left}input[data-description="1910"]:checked ~ #timeline-descriptions-wrapper p[data-description="1910"]{display:block}input[data-description="1920"]:checked ~ #timeline-descriptions-wrapper p[data-description="1920"]{display:block}input[data-description="1930"]:checked ~ #timeline-descriptions-wrapper p[data-description="1930"]{display:block}input[data-description="1940"]:checked ~ #timeline-descriptions-wrapper p[data-description="1940"]{display:block}input[data-description="1950"]:checked ~ #timeline-descriptions-wrapper p[data-description="1950"]{display:block}input[data-description="1960"]:checked ~ #timeline-descriptions-wrapper p[data-description="1960"]{display:block}input[data-description="1970"]:checked ~ #timeline-descriptions-wrapper p[data-description="1970"]{display:block}input[data-description="1980"]:checked ~ #timeline-descriptions-wrapper p[data-description="1980"]{display:block}input[data-description="1990"]:checked ~ #timeline-descriptions-wrapper p[data-description="1990"]{display:block}input[data-description="2000"]:checked ~ #timeline-descriptions-wrapper p[data-description="2000"]{display:block}@media(min-width:1250px){.input-flex-container{margin-left:62.5px;margin-top:5vh}input::before{left:-37.5px}input::after{right:-37.5px}.dot-info{left:calc((((1000px - 25px) / 20) * -1) - 1px)}#timeline-descriptions-wrapper{margin-left:-37.5px}}@media(max-width:700px){.flex-parent{justify-content:initial}.input-flex-container{flex-wrap:wrap;justify-content:center;width:400px;height:auto;margin-top:0px;margin-left:0}input,.dot-info{width:60px;height:60px;margin:0 10px 50px}input{background-color:transparent !important;z-index:1}input::before,input::after{content:none}input:checked+.dot-info{background-color:#c0392b}input:checked+.dot-info span.year{font-size:14px}input:checked+.dot-info span.label{font-size:12px}.dot-info{visibility:visible;border-radius:50%;z-index:0;left:0;margin-left:-70px;background-color:#df9a94}.dot-info span.year{top:0;left:0;transform:none;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#f8e9e8}.dot-info span.label{top:calc(100% + 5px);left:50%;transform:translateX(-50%);text-indent:0;text-align:center}#timeline-descriptions-wrapper{margin-top:30px;margin-left:0;text-align:center}#timeline-descriptions-wrapper img{max-width:100%;margin:10px auto}}@media(max-width:480px){.input-flex-container{width:340px}}@media(max-width:400px){.input-flex-container{width:300px}}