html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

body {
  -webkit-backface-visibility: hidden;
  line-height: 1;
  color: black;
  background: white; }

ol, ul {
  list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: inherit;
  font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  -webkit-font-smoothing: subpixel-antialiased;
  text-rendering: optimizeLegibility;
  font-family: "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 100%;
  line-height: 1.3; }
@media only screen and (min-width: 40em) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 40em) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 40em) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 40em) and (min-resolution: 125dpi), only screen and (min-width: 40em) and (min-resolution: 1.3dppx) {
  body {
    font-weight: 100; } }

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 100; }

h1 {
  font-size: 2.25em; }

h2 {
  font-size: 2em; }

h3 {
  font-size: 1.75em; }

h4 {
  font-size: 1.5em; }

h5 {
  font-size: 1.25em; }

h6 {
  font-size: 1em; }

strong {
  font-weight: 400; }

.ruboss-logo {
  background-image: url(../images/ruboss_logo.svg);
  background-image: url(../images/ruboss_logo.svg);
  background-position: left top, center;
  background-repeat: no-repeat;
  background-size: 200px;
  height: 40px; }
  .ruboss-logo h1 {
    overflow: hidden;
    height: 0; }
    .ruboss-logo h1:before {
      content: "";
      display: block;
      width: 0;
      height: 100%; }

.react-logo {
  background-image: url("../images/react_logo.png");
  width: 45px;
  height: 40px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .react-logo {
      background-image: url("../images/react_logo_2x.png");
      background-size: 45px 40px; } }
  .react-logo + span {
    vertical-align: middle;
    font-weight: 300;
    color: #00D7FF;
    font-size: 1.125em; }

.rails-logo {
  background-image: url("../images/rails_logo.png");
  width: 31px;
  height: 40px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .rails-logo {
      background-image: url("../images/rails_logo_2x.png");
      background-size: 31px 40px; } }
  .rails-logo + span {
    vertical-align: middle;
    font-weight: 300;
    color: #691C24;
    font-size: 1.125em; }

.markua-logo {
  background-image: url("../images/markua_logo.png");
  width: 96px;
  height: 40px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .markua-logo {
      background-image: url("../images/markua_logo_2x.png");
      background-size: 96px 40px; } }

.artona-logo {
  background-image: url("../images/artona_logo.png");
  width: 91px;
  height: 40px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .artona-logo {
      background-image: url("../images/artona_logo_2x.png");
      background-size: 91px 40px; } }

.leanpub-logo {
  background-image: url("../images/leanpub_logo.png");
  width: 58px;
  height: 40px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .leanpub-logo {
      background-image: url("../images/leanpub_logo_2x.png");
      background-size: 58px 40px; } }
  .leanpub-logo + span {
    vertical-align: middle;
    font-weight: 300;
    color: #000;
    font-size: 1.125em; }

.dashcube-logo {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle; }
  .dashcube-logo.fa-dashcube {
    color: #555; }
  .dashcube-logo + span {
    vertical-align: middle;
    font-weight: 300;
    color: #555;
    font-size: 1.125em; }

.base-transition, .section.light a, .section#technology a, .section#projects a, .section.dark a, .section#intro a, .section#blurb a, .section#work-with-us a, .section#team a, .section#contact a {
  -webkit-transition: color, 0.375s, ease-in-out;
  -moz-transition: color, 0.375s, ease-in-out;
  transition: color, 0.375s, ease-in-out; }

.section h2.section-title {
  font-size: 3.5em;
  margin-bottom: .5em; }
.section a {
  color: inherit; }
.section .points p {
  line-height: 1.35; }
.section .points p a {
  display: inline-block;
  text-decoration: none; }

.section.light, .section#technology, .section#projects {
  background-color: #fff;
  color: #000; }
  .section.light h2.section-title, .section#technology h2.section-title, .section#projects h2.section-title {
    border-bottom: 2px solid #000; }
  .section.light p, .section#technology p, .section#projects p {
    color: #555; }
  .section.light a, .section#technology a, .section#projects a {
    color: #000; }
  .section.light a:hover, .section#technology a:hover, .section#projects a:hover {
    color: #a2a2a2; }
  .section.light .point-title, .section#technology .point-title, .section#projects .point-title {
    border-bottom: 1px solid #d7d7d7; }
  .section.light .points strong, .section#technology .points strong, .section#projects .points strong {
    color: #000; }

.section.dark, .section#intro, .section#blurb, .section#work-with-us, .section#team, .section#contact {
  background-color: #000;
  color: #fafafa; }
  .section.dark h2.section-title, .section#intro h2.section-title, .section#blurb h2.section-title, .section#work-with-us h2.section-title, .section#team h2.section-title, .section#contact h2.section-title {
    border-bottom: 2px solid #fafafa; }
  .section.dark p, .section#intro p, .section#blurb p, .section#work-with-us p, .section#team p, .section#contact p {
    color: #fafafa; }
  .section.dark a, .section#intro a, .section#blurb a, .section#work-with-us a, .section#team a, .section#contact a {
    color: #fafafa; }
  .section.dark a:hover, .section#intro a:hover, .section#blurb a:hover, .section#work-with-us a:hover, .section#team a:hover, .section#contact a:hover {
    color: #aeaeae; }
  .section.dark .point-title, .section#intro .point-title, .section#blurb .point-title, .section#work-with-us .point-title, .section#team .point-title, .section#contact .point-title {
    border-bottom: 2px solid #fafafa; }

.padded-text-background, #work-with-us p, #team p {
  color: #fafafa;
  display: inline;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0.5em 0 0 rgba(0, 0, 0, 0.5), -0.5em 0 0 rgba(0, 0, 0, 0.5);
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone; }

.points-wrapper {
  width: 100%;
  padding-right: 1.5em;
  margin-bottom: 3em; }
  .points-wrapper.three {
    width: 100%; }
    @media screen and (min-width: 40em) {
      .points-wrapper.three {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 48.93617%; }
        .points-wrapper.three:last-child {
          margin-right: 0; }
        .points-wrapper.three:nth-child(2n) {
          margin-right: 0; }
        .points-wrapper.three:nth-child(2n+1) {
          clear: left; }
        .points-wrapper.three:nth-child(3) {
          margin-left: 25.53191%; } }
    @media screen and (min-width: 53.75em) {
      .points-wrapper.three {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 31.91489%; }
        .points-wrapper.three:last-child {
          margin-right: 0; }
        .points-wrapper.three:nth-child(2n) {
          margin-right: 2.12766%; }
        .points-wrapper.three:nth-child(2n+1) {
          clear: none; }
        .points-wrapper.three:nth-child(3n) {
          margin-right: 0; }
        .points-wrapper.three:nth-child(3n+1) {
          clear: left; }
        .points-wrapper.three:nth-child(3) {
          margin-left: 0%; } }
  @media screen and (min-width: 40em) {
    .points-wrapper.four {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 48.93617%; }
      .points-wrapper.four:last-child {
        margin-right: 0; }
      .points-wrapper.four:nth-child(2n) {
        margin-right: 0; }
      .points-wrapper.four:nth-child(2n+1) {
        clear: left; } }
  @media screen and (min-width: 53.75em) {
    .points-wrapper.four {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 23.40426%; }
      .points-wrapper.four:last-child {
        margin-right: 0; }
      .points-wrapper.four:nth-child(2n) {
        margin-right: 2.12766%; }
      .points-wrapper.four:nth-child(2n+1) {
        clear: none; }
      .points-wrapper.four:nth-child(4n) {
        margin-right: 0; }
      .points-wrapper.four:nth-child(4n+1) {
        clear: left; } }
  @media screen and (min-width: 53.75em) {
    .points-wrapper {
      margin-bottom: 0; } }

.point-title {
  padding-bottom: .75em;
  margin-bottom: 1em; }

.points a {
  display: block;
  margin-bottom: .125em; }
.points p:last-of-type {
  margin-bottom: 1em; }
.points p span {
  white-space: nowrap; }

body {
  background: #000;
  margin: 0;
  padding: 0; }

.section > div:not(#hemisphere) {
  max-width: 64em;
  margin-left: auto;
  margin-right: auto; }
  .section > div:not(#hemisphere):after {
    content: "";
    display: table;
    clear: both; }

#intro {
  background-image: url(../images/ocean-view.jpg);
  background-image: url(../images/ocean-view.jpg);
  background-position: center top, center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
  min-height: 700px;
  height: auto; }
  #intro > div {
    padding: 3em 5%; }
  #intro .who-what-where:after {
    content: "";
    display: table;
    clear: both; }
  #intro .points-wrapper {
    opacity: 0.99;
    filter: alpha(opacity=99);
    display: none; }
  #intro .point-title {
    padding-bottom: .25em; }
  #intro .points li:nth-child(1) h2 {
    opacity: 0.85; }
  #intro .points li:nth-child(2) h2 {
    opacity: 0.55; }
  #intro .points li:nth-child(3) h2 {
    opacity: 0.25; }
  #intro .points h2 {
    font-size: 2.5em;
    text-transform: lowercase;
    line-height: 1; }

header {
  margin-bottom: 30%; }
  header:after {
    content: "";
    display: table;
    clear: both; }
  header .main-logo-wrapper {
    width: 100%;
    margin-bottom: 3em; }
    @media screen and (min-width: 53.75em) {
      header .main-logo-wrapper {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 48.93617%;
        margin-bottom: 0; }
        header .main-logo-wrapper:last-child {
          margin-right: 0; } }
  header nav {
    width: 100%;
    text-align: left;
    margin-top: 1em; }
    header nav a {
      text-decoration: none;
      text-transform: capitalize;
      display: block;
      margin-left: 0;
      font-size: 2em;
      margin-bottom: 8px; }
      @media screen and (min-width: 53.75em) {
        header nav a {
          display: inline-block;
          margin-left: 1em;
          font-size: 1em; } }
    @media screen and (min-width: 53.75em) {
      header nav {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 48.93617%;
        margin-right: 0;
        text-align: right; }
        header nav:last-child {
          margin-right: 0; }
        header nav a {
          margin-left: 0;
          margin-right: 1em; }
          header nav a:last-child {
            margin-right: 0; } }

#blurb > div {
  padding: 4em 5%; }
#blurb p {
  line-height: 1.5;
  font-size: 1.25em; }

#work-with-us > div, #team > div {
  padding: 5em 5%;
  position: relative;
  top: 0; }
  @media screen and (min-width: 40em) {
    #work-with-us > div, #team > div {
      top: 25%; } }
  @media screen and (min-width: 53.75em) {
    #work-with-us > div, #team > div {
      top: 35%; } }
#work-with-us p, #team p {
  margin-bottom: 1em; }
#work-with-us .fa-angle-right, #team .fa-angle-right {
  float: left;
  font-size: 3.5em;
  margin-right: 8px; }
#work-with-us .email-wrapper,
#work-with-us .employment-wrapper, #team .email-wrapper,
#team .employment-wrapper {
  display: block; }
  #work-with-us .email-wrapper span,
  #work-with-us .employment-wrapper span, #team .email-wrapper span,
  #team .employment-wrapper span {
    display: inline-block;
    white-space: nowrap;
    margin-right: 16px;
    margin-top: .5em;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 1px .5em; }
    @media screen and (min-width: 40em) {
      #work-with-us .email-wrapper span,
      #work-with-us .employment-wrapper span, #team .email-wrapper span,
      #team .employment-wrapper span {
        margin-top: 1.25em; } }

#team {
  background-image: url(../images/team.jpg);
  background-image: url(../images/team.jpg);
  background-position: center top, center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px; }

#work-with-us {
  background-image: url(../images/work-with-us.jpg);
  background-image: url(../images/work-with-us.jpg);
  background-position: center top, center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px; }

#technology > div, #projects > div {
  padding: 3em 5%; }
#technology .copy-wrapper, #projects .copy-wrapper {
  margin-bottom: 5em; }
  #technology .copy-wrapper p, #projects .copy-wrapper p {
    color: #000; }
#technology .technology-points:after,
#technology .projects-points:after, #projects .technology-points:after,
#projects .projects-points:after {
  content: "";
  display: table;
  clear: both; }

#projects .projects-points .fa {
  font-size: 2.5em; }

#contact {
  height: 100vh;
  position: relative;
  overflow: hidden;
  z-index: 5;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100vw auto;
  min-height: 815px;
  background-image: url(../images/hemisphere.jpg);
  background-image: url(../images/hemisphere.jpg); }
  #contact .contact-info {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    padding: 3em 5%;
    z-index: 10; }
  #contact .section-title:after {
    content: "";
    display: table;
    clear: both; }
  #contact .section-title > span {
    display: block; }
    @media screen and (min-width: 40em) {
      #contact .section-title > span {
        display: inline-block; } }
  #contact .icon-wrapper {
    float: right; }
    #contact .icon-wrapper a {
      text-decoration: none; }
  #contact .fa {
    display: inline;
    font-size: .5em; }
  #contact p {
    margin-bottom: 1em; }
  @media screen and (min-width: 40em) {
    #contact {
      background-image: url(../images/hemisphere-overlay-medium.svg), url(../images/hemisphere.jpg);
      background-image: url(../images/hemisphere-overlay-medium.svg), url(../images/hemisphere.jpg); } }
  @media screen and (min-width: 53.75em) {
    #contact {
      background-image: url(../images/hemisphere-overlay-large.svg), url(../images/hemisphere.jpg);
      background-image: url(../images/hemisphere-overlay-large.svg), url(../images/hemisphere.jpg); } }

#footer {
  position: absolute;
  right: 0px;
  bottom: 0px;
  left: 0px;
  padding: 3em 5%;
  z-index: 100; }

/*# sourceMappingURL=styles.css.map */