.CarWrapper{position:relative;display:flex;flex-direction:row;align-items:center;flex-shrink:0;flex-grow:0;flex-basis:30%;transition:flex-basis .8s ease-in-out}.CarWrapper.CarWrapperOpen{flex-basis:60%}@media only screen and (max-width:1300px){.CarWrapper.CarWrapperOpen{flex-basis:90%}}.CarWrapper .Hero{display:flex;flex-direction:column;min-width:400px;max-width:400px;height:100%;padding:0 75px;border-left:1px solid #ebebeb;text-align:left}@media only screen and (max-width:1300px){.CarWrapper .Hero{min-width:300px;padding:0 20px}}@media only screen and (max-width:800px){.CarWrapper .Hero{min-width:200px}}.CarWrapper .Hero .CarSpacer{flex-grow:1}.CarWrapper .Hero .CarYear{color:#e06060;font-size:3rem;padding:50px 0}.CarWrapper .Hero .CarModel{color:#4d4d4d;font-size:1.5rem;padding:100px 0}.CarWrapper .Hero .CarModel button{color:#e06060;font-weight:700;cursor:pointer;margin-top:20px;padding:10px 30px;background-color:transparent;border:2px solid #e06060;border-radius:5px;font-size:1rem;transition:all .1s ease-in-out}.CarWrapper .Hero .CarModel button:active,.CarWrapper .Hero .CarModel button:focus,.CarWrapper .Hero .CarModel button:visited{outline:none}.CarWrapper .Hero .CarModel button:hover{color:#fff;background-color:#e06060}.CarWrapper .Hero .ImageWrapper{width:100%;height:200px;max-height:500px}.CarWrapper .Hero .ImageWrapper img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.CarWrapper .CarInfos{width:0;opacity:0;max-height:80%;padding-right:0;text-align:left;overflow-y:auto;overflow-x:hidden;transition:opacity 1.5s ease-in-out}.CarWrapper .CarInfos.CarInfosOpen{opacity:1;width:auto;padding-right:75px}@media only screen and (max-width:1300px){.CarWrapper .CarInfos.CarInfosOpen{padding-right:20px}}.CarWrapper .CarInfos .CarInfo{padding:10px 0}.NavInner[data-v-7ef5e960]{display:flex;flex-direction:row;align-items:center;height:100%;transition:transform .5s ease-in-out}.NavInner .CarContainer[data-v-7ef5e960]{position:relative;height:80%;padding:0 5px}.NavInner .CarContainer:hover .Year[data-v-7ef5e960]{visibility:visible;background:rgba(0,0,0,.8)}.NavInner .CarContainer:hover .Year[data-v-7ef5e960]:after{border-top:10px solid rgba(0,0,0,.8)}.NavInner .CarContainer[data-v-7ef5e960]:hover:after{background:rgba(87,87,87,0)}.NavInner .CarContainer .Year[data-v-7ef5e960]{visibility:hidden;cursor:pointer;width:calc(100% - 10px);position:absolute;top:-60px;left:50%;transform:translateX(-50%);margin:0 auto;font-weight:700;color:#fff;padding:10px 0;border-radius:5px;background:transparent;transition:background .5s ease-in-out}.NavInner .CarContainer .Year[data-v-7ef5e960]:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-top:10px solid transparent;border-left:5px solid transparent;border-right:5px solid transparent;transition:border-top .5s ease-in-out}.NavInner .CarContainer img[data-v-7ef5e960]{display:block;width:auto;height:100%}.NavInner .CarContainer[data-v-7ef5e960]:after{position:absolute;content:"";cursor:pointer;top:0;left:5px;width:calc(100% - 10px);height:100%;display:block;background:#575757;transition:background .5s ease-in-out}.NavInner .CarContainer.CarActive[data-v-7ef5e960]:after{background:rgba(87,87,87,0)}.NavInner .CarContainer.CarNear[data-v-7ef5e960]:after{background:rgba(87,87,87,.5)}#StoryWrapper{overflow:hidden;height:100%}#StoryWrapper #Container{display:flex;height:calc(100% - 80px);transition:transform .5s ease-in-out}#StoryWrapper #Nav{height:80px;min-width:100%;background-color:#9e9e9e}*{margin:0;padding:0}body,html{height:100%;min-height:500px}#App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:100%}#App,button{font-family:Avenir,Helvetica,Arial,sans-serif}