.sprite {
  background-size: calc(3000px/2) calc(3600px/2);
  background-image: url(spritesheetb.png);
}
#canvas {

    position:absolute;
    top:-10px;
}
/*all bg positions have been halved to account for the retina image resize in .sprite, calc() wasn't working well*/

#breadcrumbs {
    top: -12px;
    background-position: 0 0;
}

#breadcrumbs {
    background-position: 0 0;
}

#copy0 {
    background-position: -300px 0;
}

#copy1 {
    top: -34px;
    background-position: -600px 0;
}

#copy2 {
    top: -34px;
    background-position: -900px 0;
}

#copy_R {
    background-position: 0 -600px;
}

#cta {
    top: -14px;
    background-position: -300px -600px;
}

#cta_carat {
    top: -14px;
    background-position: -600px -600px;
}

#lockup {
    background-position: -900px -600px;
}

#logo {
    top: -12px;
    background-position: -1200px 0;
}

#phone {
    top: -29px;
    background-position: -1200px -600px;
}

#phone_L {
    top: -25px;
    background-position: 0 -1200px;
}

#phone_R {
    top: -25px;
    background-position: -300px -1200px;
}
#graph, #graph_2 {
   
    position:absolute;
}

#lock_L, #lock_R {
   
    position:absolute;
}