@charset "UTF-8";
table{border-collapse:collapse;border-spacing:0}*{margin:0;padding:0;text-overflow:ellipsis}
.icon-drag:before{content:"☐"}
#about .responsive{height:600px}
#about .responsive{position:relative}
#about .responsive .devices{float:right;width:50%;height:100%;background:#fff}
#about .responsive svg{width:100%;height:100%;pointer-events:none}
#about .responsive #imac,#about .responsive #iphone{display:none}
#about .responsive .line-drawing{-webkit-transition:opacity .5s;transition:opacity .5s}
#about .responsive .line-drawing path{fill:none;stroke:#000;stroke-width:1}
#about .responsive path.line-round{stroke-linecap:round}
#about .responsive path.stroke-medium{stroke-width:2}
#about .responsive path.stroke-thin{stroke-width:1}
#about .responsive .drag{overflow:visible;position:absolute;top:0;left:50%;width:6px;height:100%;background:#fff;box-shadow:1px 2px 7px 0 rgba(0,0,0,0.23)}
#about .responsive .drag .handle{position:absolute;top:50%;left:50%;width:16px;height:77px;margin-left:-8px;margin-top:-39px;background:#fff;color:#a5a5a5;cursor:col-resize;box-shadow:1px 2px 7px 0 rgba(0,0,0,0.23);font-size:15px;text-align:center;line-height:77px}
#about .responsive .drag .handle+span{position:absolute;top:47%;left:12px;padding:0 10px;color:#fff;background:#2abab3; padding:10px;font-size:14px;text-transform:uppercase;white-space:nowrap;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); opacity:1 !important;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);}