.phone-screen{position:relative;width:100%;pointer-events:none}.phone-screen .screen{position:absolute;top:11.5%;left:5.6%;right:5.7%;bottom:11.1%;border:1px solid #000;border-radius:3px;overflow:hidden}.overview-module{position:relative;padding:5% 10%;display:flex;flex-flow:row wrap;align-items:center;background-color:#fff}.overview-module .copy{order:1;width:100%}.overview-module .copy h2{margin-bottom:1rem}.overview-module .link{display:inline-block;margin-right:3rem}.overview-module .link a{color:#bebebe;border-bottom:2px dashed #bebebe}.overview-module .link:hover a{color:#000;border-bottom:2px dashed #000}.overview-module .contributors{display:block}.overview-module .app{margin:-25vmax auto 10%;width:60%}.overview-module .image{margin-top:-10vmax}@media (min-width:768px){.overview-module .copy{margin-left:0;width:50%}.overview-module.is-flipped .copy{order:-1}.overview-module .image{position:absolute;margin-top:0;top:-17vw;width:50%;right:0;padding-right:4rem}.overview-module .app{margin-top:-20vmax;margin-bottom:0;padding:0 10%;width:50%;display:flex;align-items:flex-start;justify-content:center}.overview-module.is-flipped .app{order:1}}.centerCopy{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;padding:5% 10% 2%;text-align:center}.centerCopy.left{text-align:left}.centerCopy.noHeader{padding:1% 10%}.centerCopy .header{width:100%;text-align:center}.centerCopy .header h1{font-weight:400}.centerCopy .header h1,.centerCopy .header h2{margin:0 0 3rem}@media (min-width:768px){.centerCopy.large .copy{width:80%}.centerCopy .copy{width:60%}}@media (min-width:1024px){.centerCopy.large .copy{width:70%}.centerCopy .copy{width:50%}}@media (min-width:1280px){.centerCopy.large .copy{width:60%}.centerCopy .copy{width:40%}}.sectionTitle{position:relative;margin-top:5%;padding:2% 0;display:flex;align-items:center;justify-content:center;height:0}.sectionTitle .headline{display:inline-block;margin:0;position:relative;z-index:1;color:#fff;font-size:1.8rem;font-family:inherit;padding:.8rem 4rem;background-color:#000}.sectionTitle .colorTop{position:absolute;top:0;bottom:50%;left:0;right:0}.sectionTitle .colorBottom{position:absolute;top:50%;bottom:0;left:0;right:0}@media (min-width:768px){.sectionTitle .headline{font-size:2rem}}.colorPalette{display:flex;flex-flow:row wrap;min-height:100vh;align-items:center;padding:5% 10%}.colorPalette .header{width:100%;padding-bottom:5%;text-align:center}.colorPalette .palette{display:flex;flex-flow:row wrap;align-content:center;justify-content:center;width:100%}.colorPalette .swatch{width:25%;margin:0 4%;text-align:center}.colorPalette .swatch h3{margin-top:1rem}.colorPalette .mood{width:100%}@media (min-width:768px){.colorPalette .palette{width:40%;margin-right:30%;margin-left:30%}.colorPalette .mood{order:-1;width:50%;margin-left:25%;margin-right:25%;margin-bottom:5%}}.centerImage{position:relative;display:flex;flex-flow:row wrap;align-items:center;padding:5% 10%}.centerImage.no-max .image{max-height:none}.centerImage .header{text-align:center;width:100%;margin-bottom:5%}.centerImage .figure{position:relative;width:100%}.centerImage .image{display:block;height:auto;margin:0 auto;max-height:70vh;max-width:100%;width:auto}@media (min-width:768px){.centerImage.max-three-quarter .image{max-height:none;max-width:75%}}.logoOverImage{position:relative;padding:0 5%;display:flex;flex-flow:column wrap;align-items:center;justify-content:center;height:100vh;background-size:cover;background-position:50%}.logoOverImage .title{position:absolute;top:5%;left:0;width:100%;text-align:center}.logoOverImage .logo{max-width:100%;width:auto}.macBookImage{position:relative;display:flex;flex-flow:row wrap;align-items:center;padding:5% 10%}.macBookImage .header{text-align:center;width:100%;margin-bottom:5%}.macBook{position:relative;width:100%}.macBook .screen{position:absolute;top:10%;left:15%;right:15%;bottom:13%;overflow:hidden}.macBook .screen.scoll-enabled{overflow-y:scroll;overflow-x:hidden}.macBook .screen::-webkit-scrollbar-track{box-shadow:none;border-radius:0;background-color:rgba(0,0,0,0)}.macBook .screen::-webkit-scrollbar{width:4px;height:4px;background-color:rgba(0,0,0,0)}.macBook .screen::-webkit-scrollbar-thumb{border-radius:2px;box-shadow:none;background-color:rgba(51,51,51,.5)}.macBook .screen::-webkit-scrollbar-thumb:hover{background-color:rgba(51,51,51,.8)}