.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%)} #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} #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:32rem;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} #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}}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}}table.specifications th, table.specifications td:not(:first-child){text-align:center} table.specifications tr:first-child{font-weight:800} table.specifications td:first-child{color:#999}