.technology{width:12rem;margin:1rem} .technology .inner{display:block;padding:1rem} @media (max-width:800px){.technology{width:6rem;margin:0}}#back-to-top{bottom:1rem;right:1rem;padding:.5rem 1rem;color:#fff;background:#000;-webkit-clip-path:polygon(0 1rem,1rem 0,100% 0,100% 0,100% calc(100% - 1rem),calc(100% - 1rem) 100%,0 100%,0 100%);opacity:.5;transition:all .25s ease-out;-webkit-transition:all .25s ease-out} #back-to-top:hover{opacity:1} #customizeButton{font-size:4rem;font-weight:800;-webkit-clip-path:polygon(0 2rem,2rem 0,100% 0,100% 0,100% calc(100% - 2rem),calc(100% - 2rem) 100%,0 100%,0 100%)} table.destinations td{vertical-align:middle;white-space:nowrap;border-bottom:none} table.destinations td:nth-child(1){width:1%;font-size:.9rem;text-align:right;opacity:.5} .destinationChartCol{min-width:2.4rem;padding:.2rem;-webkit-clip-path:polygon(0 .4rem,.4rem 0,100% 0,100% 0,100% calc(100% - .4rem),calc(100% - .4rem) 100%,0 100%,0 100%);color:#fff;font-size:.7rem;text-align:center;background:var(--pageColor)} #images{background-color:var(--pageColor);background-position:50% 50%;background-size:100%} #intro{height:65vh;min-height:24rem;background-color:var(--pageColor);background-position:50% 50%;background-size:cover;z-index:-1} #intro *{color:#fff} #intro .title{-webkit-clip-path:polygon(0 2.4rem,2.4rem 0,100% 0,100% 0,100% calc(100% - 2.4rem),calc(100% - 2.4rem) 100%,0 100%,0 100%);max-width:48rem;background:var(--pageColor);opacity:.8;transition:all .25s ease-out;-webkit-transition:all .25s ease-out} #intro .title h1{font-family:'Nulshock Rg';font-weight:800;text-wrap:nowrap} #intro .title:hover{opacity:1} #intro .summary{max-width:32rem} @media (max-width:1000px){#intro{height:unset} #intro .container{padding:1.6rem} #intro .title{padding:1rem}}@media (max-width:640px){#intro .title{max-width:unset} #intro .title h1{text-wrap:unset}}table.materials td:first-child{color:#999} #overview .col{flex:1} #overviewDesigns img{height:8rem;margin:1rem} @media (max-width:800px){#overview{flex-flow:column} #overview .col{flex:unset !important;padding:1.6rem} #overviewDesigns img{height:6rem} #overviewRender3D{margin-top:0 !important}}.position{height:1rem;margin-bottom:-0.7rem} .positionLine{left:0;top:50%;width:100%;height:1px;background:#fff;opacity:.75} .positionMarker{height:1rem;-webkit-clip-path:polygon(0 .4rem,.4rem 0,100% 0,100% 0,100% calc(100% - .4rem),calc(100% - .4rem) 100%,0 100%,0 100%);background:#fff} .positioning{bottom:0} table.specifications th, table.specifications td:not(:first-child){text-align:center}