@import url(http://fonts.googleapis.com/css?family=Lato:300,700);
/* line 18, ../scss/styles.scss */
*, :before, :after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
}

/* line 25, ../scss/styles.scss */
html, body {
  font-family: Helvetica, sans-serif;
  font-size: 100%;
  color: #555555;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

/* line 35, ../scss/styles.scss */
p {
  font-weight: 300;
  line-height: 1.4em;
}

/* line 40, ../scss/styles.scss */
h1, h2, h3 {
  text-align: center;
  font-family: 'Lato', helvetica, sans-serif;
}

/* line 45, ../scss/styles.scss */
h1 {
  font-weight: 300;
  font-size: 3.5em;
  color: #5EABDD;
}

/* line 51, ../scss/styles.scss */
h3 {
  font-size: .9em;
  text-transform: uppercase;
  color: #BBBDC0;
  font-weight: 700;
  letter-spacing: .05em;
}

/* line 59, ../scss/styles.scss */
h4 {
  font-size: 1.1em;
  font-weight: 300;
  color: #BBBDC0;
  margin-top: 10px;
  text-align: center;
}

/* line 67, ../scss/styles.scss */
p.small {
  font-size: .8em;
  font-weight: 300;
  color: #BBBDC0;
  margin-top: 10px;
  text-align: center;
}

/* line 75, ../scss/styles.scss */
.container {
  width: 840px;
  margin: 0 auto;
}

/* line 80, ../scss/styles.scss */
.white {
  color: #fff;
}

/* line 84, ../scss/styles.scss */
.float {
  float: left;
}

/* line 88, ../scss/styles.scss */
.one-fourth {
  width: 190px;
  padding: 0 10px;
  float: left;
}
/* line 92, ../scss/styles.scss */
.one-fourth p {
  font-size: .8em;
}

/* line 97, ../scss/styles.scss */
.one-fifth {
  width: 148px;
  padding: 0 10px;
  float: left;
}
/* line 101, ../scss/styles.scss */
.one-fifth p {
  font-size: .8em;
}

/* line 106, ../scss/styles.scss */
.one-fourth:first-child {
  padding-left: 0;
}

/* line 110, ../scss/styles.scss */
.icons {
  width: 75px;
  height: 85px;
  margin: 0 auto;
  margin-top: 30px;
}

/* line 117, ../scss/styles.scss */
.clear {
  clear: both;
}

/* line 121, ../scss/styles.scss */
.retina {
  max-width: 100%;
  height: auto;
}

/* line 126, ../scss/styles.scss */
a {
  font-size: .7em;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: .05em;
  color: #BBBDC0;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
/* line 134, ../scss/styles.scss */
a.button {
  background: #3ADBA9;
  border: none;
  display: inline-block;
  border-radius: 4px;
  padding: 10px 30px;
  color: #fff;
  font-family: "Lato", helvetica, sans-serif;
  font-size: 1.2em;
  cursor: pointer;
  margin: 10px 0 5px;
  text-align: center;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
@media (max-width: 540px) {
  /* line 134, ../scss/styles.scss */
  a.button {
    width: 100%;
  }
}
/* line 155, ../scss/styles.scss */
a.button:hover, a.button:active, a.button:focus {
  background: #23bf8f;
  color: #fff;
}

/* line 164, ../scss/styles.scss */
a:hover {
  color: #FF7D67;
  cursor: pointer;
}

/* line 169, ../scss/styles.scss */
header {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}

/* line 178, ../scss/styles.scss */
div#logo {
  width: 200px;
  height: 40px;
  float: left;
  margin: 0;
  padding: 0;
  background: url("../images/logo.png") no-repeat bottom left;
  background-size: 100%;
}

/* line 188, ../scss/styles.scss */
nav {
  width: 640px;
  float: right;
  margin: 0;
  padding: 0;
}
/* line 193, ../scss/styles.scss */
nav ul {
  margin: 0;
  padding: 0;
  text-align: right;
}
/* line 197, ../scss/styles.scss */
nav ul li {
  list-style-type: none;
  display: inline-block;
  padding: 20px;
}

/* line 205, ../scss/styles.scss */
section#intro {
  background-color: #fff;
  padding-bottom: 114px;
  position: relative;
  z-index: 90;
}

/* line 212, ../scss/styles.scss */
div#above-video {
  width: 800px;
  height: 230px;
  margin: 10px 0 0 0;
  background: url("../images/standing.png") no-repeat top right;
  background-size: auto 120%;
  position: relative;
  z-index: 1;
}

/* line 222, ../scss/styles.scss */
#video-container {
  width: 100%;
  position: relative;
  z-index: 10;
}

/* line 228, ../scss/styles.scss */
div#above-video-logo {
  width: 450px;
  text-align: center;
  margin: 0 0 0 70px;
  padding: 110px 0 0 0;
}

/* line 235, ../scss/styles.scss */
section#aperture {
  width: 100%;
  height: 810px;
  overflow: hidden;
  margin: 0;
  padding: 70px 0 0 0;
  position: relative;
  z-index: 50;
  background: none;
}
/* line 244, ../scss/styles.scss */
section#aperture h1 {
  position: relative;
  z-index: 90;
}
/* line 248, ../scss/styles.scss */
section#aperture .container {
  height: 760px !important;
}

/* line 253, ../scss/styles.scss */
div#clock-arrow-1 {
  background: url("../images/clock-arrow.png") no-repeat center;
  background-size: 100%;
  width: 16px;
  height: 46px;
  position: relative;
  top: 145px;
  left: 382px;
}

/* line 263, ../scss/styles.scss */
div#clock-arrow-2 {
  background: url("../images/clock-arrow.png") no-repeat center;
  background-size: 100%;
  width: 16px;
  height: 46px;
  position: relative;
  top: 100px;
  left: 382px;
}

/* line 273, ../scss/styles.scss */
div#dark-red {
  position: relative;
  top: -1371px;
  left: -199px;
  background: url("../images/aperture-dark-red.png") no-repeat center;
  background: url("../images/aperture-dark-red.svg") no-repeat center;
  width: 2002px;
  height: 1533px;
  background-size: 100%;
}

/* line 284, ../scss/styles.scss */
div#red {
  position: relative;
  top: -2926px;
  left: -875px;
  background: url("../images/aperture-red.png") no-repeat center;
  background: url("../images/aperture-red.svg") no-repeat center;
  width: 1563px;
  height: 1763px;
  background-size: 100%;
  z-index: 50;
}

/* line 296, ../scss/styles.scss */
div#blue {
  position: relative;
  top: -6969px;
  left: 112px;
  background: url("../images/aperture-blue.png") no-repeat center;
  background: url("../images/aperture-blue.svg") no-repeat center;
  width: 1562px;
  height: 1762px;
  background-size: 100%;
  z-index: 50;
}

/* line 308, ../scss/styles.scss */
div#dark-blue {
  position: relative;
  top: -5229px;
  left: -1003px;
  background: url("../images/aperture-dark-blue.png") no-repeat center;
  background: url("../images/aperture-dark-blue.svg") no-repeat center;
  width: 2001px;
  height: 1533px;
  background-size: 100%;
  z-index: 50;
}

/* line 320, ../scss/styles.scss */
div#yellow {
  position: relative;
  top: -4190px;
  left: -1078px;
  background: url("../images/aperture-yellow.png") no-repeat center;
  background: url("../images/aperture-yellow.svg") no-repeat center;
  width: 1581px;
  height: 1939px;
  background-size: 100%;
  z-index: 50;
}

/* line 332, ../scss/styles.scss */
div#green {
  position: relative;
  top: -9404px;
  left: 297px;
  background: url("../images/aperture-green.png") no-repeat center;
  background: url("../images/aperture-green.svg") no-repeat center;
  width: 1580px;
  height: 1940px;
  background-size: 100%;
  z-index: 50;
}

/* line 344, ../scss/styles.scss */
section#icons {
  padding-top: 45px;
  height: 1500px;
  margin-bottom: 200px;
  position: relative;
  z-index: 10;
}

/* line 352, ../scss/styles.scss */
section#features {
  position: relative;
  z-index: 85;
}

/* line 357, ../scss/styles.scss */
div.phone {
  width: 185px;
  margin-right: 45px;
  height: 490px;
  background: url("../images/phone.png") no-repeat center;
  background-size: 100%;
  float: left;
}

/* line 366, ../scss/styles.scss */
div.phone-mobile {
  display: none;
}

/* line 370, ../scss/styles.scss */
div#features-fixed {
  width: 100%;
  padding-top: 45px;
  color: #fff;
  margin-bottom: -1950px;
  z-index: 50;
}
/* line 376, ../scss/styles.scss */
div#features-fixed h1,
div#features-fixed .phone,
div#features-fixed #screen-descriptions {
  position: relative;
  z-index: 50;
}
/* line 382, ../scss/styles.scss */
div#features-fixed h3 {
  text-align: left;
  color: #fff;
  margin-top: 30px;
}
/* line 387, ../scss/styles.scss */
div#features-fixed p {
  margin-top: 5px;
}

/* line 392, ../scss/styles.scss */
div.phone-slider-container {
  width: 165px;
  height: 292px;
  position: relative;
  top: 50px;
  left: 10px;
  background-color: #fff;
  overflow: hidden;
}

/* line 402, ../scss/styles.scss */
.screens {
  border: 1px solid #BBBDC0;
  border-top: none;
}

/* line 407, ../scss/styles.scss */
.screens:first-child {
  border-top: 1px solid #BBBDC0;
}

/* line 411, ../scss/styles.scss */
div#screen-descriptions {
  width: 595px;
  margin: 0;
  float: left;
}

/* line 417, ../scss/styles.scss */
div.text {
  width: 600px;
  float: right;
}

/* line 422, ../scss/styles.scss */
.color {
  width: 100%;
  padding: 0;
  height: 1200px;
}

/* line 428, ../scss/styles.scss */
.slide1 {
  background-color: #FF7D67;
}

/* line 432, ../scss/styles.scss */
.slide2 {
  background-color: #F7B854;
}

/* line 436, ../scss/styles.scss */
.slide3 {
  background-color: #1170AF;
}

/* line 440, ../scss/styles.scss */
.slide4 {
  background-color: #5EABDD;
}

/* line 444, ../scss/styles.scss */
.slide5 {
  background-color: #3ADBA9;
}

/* line 448, ../scss/styles.scss */
#workflows, #session-types, #sessions, #tasks {
  background-color: transparent;
}

/* line 452, ../scss/styles.scss */
section#download {
  background-color: #fff;
  padding-top: 200px;
  text-align: center;
  position: relative;
  z-index: 90;
  height: 1400px;
}
/* line 459, ../scss/styles.scss */
section#download h1 {
  margin-bottom: 0;
}
/* line 462, ../scss/styles.scss */
section#download img {
  margin-top: 80px;
}

/* line 467, ../scss/styles.scss */
div#picture {
  width: 300px;
  height: 450px;
  background: url("../images/picture.png") no-repeat bottom left;
  background-size: auto 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* line 477, ../scss/styles.scss */
footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

/* line 484, ../scss/styles.scss */
body.page footer {
  position: static;
  padding: 20px 0;
  margin: 0 auto;
}

/* Promo Page */
/* line 492, ../scss/styles.scss */
#promo-directions {
  background-color: #5EABDD;
  color: #fff;
}
@media (min-width: 901px) {
  /* line 492, ../scss/styles.scss */
  #promo-directions {
    padding: 100px 0 30px;
  }
}
@media (max-width: 900px) {
  /* line 492, ../scss/styles.scss */
  #promo-directions {
    padding: 80px 0;
  }
}
/* line 501, ../scss/styles.scss */
#promo-directions .phone-slider-container {
  border: 1px solid #BBBDC0;
  left: 9px;
}
/* line 504, ../scss/styles.scss */
#promo-directions .phone-slider-container .screens {
  border: none;
}
/* line 508, ../scss/styles.scss */
#promo-directions h2 {
  text-align: left;
  margin-top: 0;
}
/* line 512, ../scss/styles.scss */
#promo-directions .promo-description {
  max-width: 530px;
  float: left;
}
@media (min-width: 901px) {
  /* line 512, ../scss/styles.scss */
  #promo-directions .promo-description {
    padding-top: 80px;
  }
}
/* line 518, ../scss/styles.scss */
#promo-directions .promo-description ol {
  padding-left: 18px;
}
/* line 520, ../scss/styles.scss */
#promo-directions .promo-description ol li {
  margin-bottom: 12px;
}
/* line 525, ../scss/styles.scss */
#promo-directions a {
  font-size: 1em;
  letter-spacing: 0;
  color: #fff;
  text-decoration: underline;
  text-transform: none;
}
/* line 531, ../scss/styles.scss */
#promo-directions a:hover {
  opacity: 0.75;
}
/* line 534, ../scss/styles.scss */
#promo-directions a .button {
  background: transparent;
  border: 2px solid #fff;
}
/* line 537, ../scss/styles.scss */
#promo-directions a .button:hover, #promo-directions a .button:active, #promo-directions a .button:focus {
  background: #fff;
  color: #5EABDD;
}

/* Google Form Styles */
/* line 549, ../scss/styles.scss */
.ss-form-container {
  margin: 0 !important;
  max-width: none !important;
  min-width: none !important;
}

/* features section images */
/* line 557, ../scss/styles.scss */
div#features .float {
  height: 250px;
}

/* line 561, ../scss/styles.scss */
div#grad, div#baby, div#hermann, div#maria, div#emil {
  width: 200px;
}

/* line 565, ../scss/styles.scss */
div#grad {
  margin-left: 45px;
}

/* line 569, ../scss/styles.scss */
div#rings {
  width: 150px;
}

/* line 573, ../scss/styles.scss */
div#tue {
  width: 218px;
  margin-right: -15px;
}

/* line 578, ../scss/styles.scss */
div#wed {
  width: 142px;
  margin-right: -40px;
}

/* line 583, ../scss/styles.scss */
div#thu {
  width: 133px;
  margin-right: -33px;
}

/* line 588, ../scss/styles.scss */
div#fri {
  width: 152px;
}

/* line 592, ../scss/styles.scss */
section.tutorials {
  padding-top: 30px;
}
/* line 594, ../scss/styles.scss */
section.tutorials h1 {
  color: #fff !important;
}
/* line 597, ../scss/styles.scss */
section.tutorials .phone-mobile {
  background: url("../images/phone.png") no-repeat center;
  background-size: 100%;
  display: block;
  width: 200px;
  height: 529px;
  margin: 0 auto;
}
/* line 604, ../scss/styles.scss */
section.tutorials .phone-mobile .phone-slider-container {
  border: 1px solid #BBBDC0;
  width: 178px;
  height: 314px;
  top: 52px;
}
/* line 609, ../scss/styles.scss */
section.tutorials .phone-mobile .phone-slider-container .screens {
  border: none;
  width: 176px;
  height: 315px;
}
/* line 613, ../scss/styles.scss */
section.tutorials .phone-mobile .phone-slider-container .screens iframe {
  margin-top: -1px;
}

/* line 621, ../scss/styles.scss */
section#tutorial-intro,
section#support-intro,
section#ssg-intro {
  margin-top: 180px;
  margin-bottom: 150px;
}
/* line 626, ../scss/styles.scss */
section#tutorial-intro strong,
section#support-intro strong,
section#ssg-intro strong {
  color: #5EABDD;
}
/* line 629, ../scss/styles.scss */
section#tutorial-intro a,
section#support-intro a,
section#ssg-intro a {
  font-size: 1em;
}
/* line 631, ../scss/styles.scss */
section#tutorial-intro a.button,
section#support-intro a.button,
section#ssg-intro a.button {
  font-size: 1.2em;
}

/* line 637, ../scss/styles.scss */
#support-intro a {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 300;
}

/* line 643, ../scss/styles.scss */
.social-icons {
  width: 24px;
  height: 24px;
}
/* line 646, ../scss/styles.scss */
.social-icons a {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 651, ../scss/styles.scss */
.social-icons img {
  max-width: 100%;
  height: auto;
  margin-top: 0 !important;
}

@media (min-width: 901px) {
  /* line 661, ../scss/styles.scss */
  .description .container {
    width: 595px;
  }

  /* line 666, ../scss/styles.scss */
  #social-share {
    background-color: rgba(255, 255, 255, 0.7);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 44px;
    position: fixed;
    top: 100px;
    right: 0;
  }
  /* line 674, ../scss/styles.scss */
  #social-share .social-icons {
    margin: 10px;
  }

  /* line 679, ../scss/styles.scss */
  .page #social-share {
    width: 132px;
    position: static;
    float: none;
    margin: 0 auto;
  }
  /* line 684, ../scss/styles.scss */
  .page #social-share .social-icons {
    float: left;
  }
}
@media (max-width: 900px) and (min-width: 541px) {
  /* line 693, ../scss/styles.scss */
  h1 {
    font-size: 2.5em;
  }

  /* line 697, ../scss/styles.scss */
  .container {
    width: 600px;
  }

  /* line 700, ../scss/styles.scss */
  .one-fourth {
    width: 280px;
    padding: 0 10px;
    float: left;
  }
  /* line 704, ../scss/styles.scss */
  .one-fourth p {
    font-size: 1em;
  }

  /* line 709, ../scss/styles.scss */
  .one-fifth {
    width: 180px;
    padding: 0 10px;
    float: left;
  }
  /* line 713, ../scss/styles.scss */
  .one-fifth p {
    font-size: 1em;
  }

  /* line 728, ../scss/styles.scss */
  .icons {
    width: 100px;
    height: 125px;
    text-align: center;
  }

  /* line 733, ../scss/styles.scss */
  div#logo {
    width: 200px;
    height: 40px;
    float: left;
    margin: 0;
    background: url("../images/logo.png") no-repeat bottom left;
    background-size: 100%;
  }

  /* line 742, ../scss/styles.scss */
  nav {
    width: auto;
    float: right;
  }

  /* line 747, ../scss/styles.scss */
  section#intro {
    background-color: #fff;
    padding: 50px 0 50px 0;
    position: relative;
    z-index: 90;
  }

  /* line 754, ../scss/styles.scss */
  div#above-video {
    width: 100%;
    height: 250px;
    background-size: auto 110%;
    position: relative;
    z-index: 1;
  }

  /* line 761, ../scss/styles.scss */
  div#above-video-logo {
    width: 50%;
    margin: 0;
    padding: 130px 0 0 25px;
  }
  /* line 765, ../scss/styles.scss */
  div#above-video-logo img {
    display: block;
  }

  /* line 770, ../scss/styles.scss */
  section#aperture {
    height: 600px;
    background: url("../images/aperture-tablet.png") no-repeat center;
    background-size: auto 100%;
  }
  /* line 774, ../scss/styles.scss */
  section#aperture h1 {
    margin-top: 30px !important;
  }

  /* line 779, ../scss/styles.scss */
  div#clock-arrow-1, div#clock-arrow-2 {
    display: none;
  }

  /* line 783, ../scss/styles.scss */
  div#red, div#dark-red, div#blue, div#dark-blue, div#green, div#yellow {
    display: none;
  }

  /* line 787, ../scss/styles.scss */
  section#icons {
    margin-top: 75px;
    margin-bottom: 50px;
    height: auto;
    position: relative;
    z-index: 10;
  }
  /* line 793, ../scss/styles.scss */
  section#icons h1 {
    margin-top: 0;
    margin-bottom: 50px;
  }

  /* line 799, ../scss/styles.scss */
  div#features-fixed {
    margin-bottom: 0;
  }
  /* line 801, ../scss/styles.scss */
  div#features-fixed h1 {
    background-color: #FF7D67;
    margin: 0;
    padding: 75px 0 0 0;
  }
  /* line 806, ../scss/styles.scss */
  div#features-fixed .container {
    width: 100%;
  }

  /* line 811, ../scss/styles.scss */
  .arrow {
    display: none;
  }

  /* line 815, ../scss/styles.scss */
  div.phone {
    display: none;
  }

  /* line 819, ../scss/styles.scss */
  div.phone-mobile {
    width: 185px;
    height: 490px;
    background: url("../images/phone.png") no-repeat center;
    background-size: 100%;
    display: block;
    margin-bottom: 0;
  }

  /* line 828, ../scss/styles.scss */
  .screens, .screens:first-child {
    border: none;
  }

  /* line 832, ../scss/styles.scss */
  div.phone-slider-container {
    border: 1px solid #BBBDC0;
  }

  /* line 836, ../scss/styles.scss */
  div#screen-descriptions {
    width: 100%;
    margin: 0 auto;
    float: none;
  }
  /* line 840, ../scss/styles.scss */
  div#screen-descriptions .container {
    width: 600px;
    margin: 0 auto;
  }

  /* line 846, ../scss/styles.scss */
  div.color {
    width: 100%;
    padding: 0;
    height: 800px;
  }

  /* line 852, ../scss/styles.scss */
  #workflows {
    background-color: #FF7D67 !important;
  }
  /* line 854, ../scss/styles.scss */
  #workflows .text {
    padding-top: 0;
  }
  /* line 857, ../scss/styles.scss */
  #workflows div.phone-mobile {
    float: left;
    margin: 0 40px -100px 0;
  }

  /* line 863, ../scss/styles.scss */
  #session-types {
    background-color: #F7B854 !important;
  }
  /* line 865, ../scss/styles.scss */
  #session-types .text {
    padding-top: 25px;
  }
  /* line 868, ../scss/styles.scss */
  #session-types div.phone-mobile {
    float: right;
    margin: 0 0 -100px 40px;
  }

  /* line 874, ../scss/styles.scss */
  #sessions {
    background-color: #5EABDD !important;
  }
  /* line 876, ../scss/styles.scss */
  #sessions .text {
    padding-top: 30px;
  }
  /* line 879, ../scss/styles.scss */
  #sessions div.phone-mobile {
    float: left;
    margin: 0 40px -100px 0;
  }

  /* line 885, ../scss/styles.scss */
  #tasks {
    background-color: #3ADBA9 !important;
  }
  /* line 887, ../scss/styles.scss */
  #tasks .text {
    padding-top: 30px;
  }
  /* line 890, ../scss/styles.scss */
  #tasks div.phone-mobile {
    float: right;
    margin: 0 0 -100px 40px;
  }

  /* line 896, ../scss/styles.scss */
  .description {
    margin: 0;
    padding: 75px 0;
    width: 100%;
  }
  /* line 900, ../scss/styles.scss */
  .description .text {
    width: 360px;
    float: left;
  }

  /* line 906, ../scss/styles.scss */
  .color {
    display: none;
  }

  /* line 910, ../scss/styles.scss */
  section#download {
    padding-top: 150px;
    height: 550px;
  }

  /* line 915, ../scss/styles.scss */
  div#picture {
    width: 225px;
    height: 365px;
    background: url("../images/picture.png") no-repeat bottom left;
    background-size: auto 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
  }

  /* line 926, ../scss/styles.scss */
  footer {
    z-index: 10;
    width: 100%;
  }
  /* line 929, ../scss/styles.scss */
  footer a {
    display: block;
  }

  /* line 934, ../scss/styles.scss */
  div#download-button {
    position: relative;
    z-index: 10;
  }
  /* line 937, ../scss/styles.scss */
  div#download-button img {
    margin-top: 150px;
  }

  /* line 942, ../scss/styles.scss */
  div#hermann, div#maria, div#emil {
    width: 115px;
  }

  /* line 946, ../scss/styles.scss */
  div#grad {
    margin-left: 20px;
    width: 120px;
  }

  /* line 951, ../scss/styles.scss */
  div#baby {
    margin-top: -5px;
    width: 120px;
  }

  /* line 956, ../scss/styles.scss */
  div#rings {
    width: 87px;
    margin-right: 10px;
  }

  /* line 961, ../scss/styles.scss */
  div#tue {
    width: 125px;
    margin-right: -12px;
    margin-left: -10px;
  }

  /* line 967, ../scss/styles.scss */
  div#wed {
    width: 85px;
    margin-right: -25px;
  }

  /* line 972, ../scss/styles.scss */
  div#thu {
    width: 80px;
    margin-right: -20px;
  }

  /* line 977, ../scss/styles.scss */
  div#fri {
    width: 95px;
  }

  /* line 981, ../scss/styles.scss */
  #social-share {
    background-color: rgba(255, 255, 255, 0.7);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 44px;
    position: fixed;
    top: 100px;
    right: 0;
  }
  /* line 989, ../scss/styles.scss */
  #social-share .social-icons {
    margin: 10px;
  }

  /* line 994, ../scss/styles.scss */
  .page #social-share {
    width: 132px;
    position: static;
    float: none;
    margin: 0 auto;
  }
  /* line 999, ../scss/styles.scss */
  .page #social-share .social-icons {
    float: left;
  }
}
@media all and (min-device-width: 768px) and (max-device-width: 800px) and (min-device-height: 1024px) and (max-device-height: 1280px) and (orientation: landscape) {
  /* line 1008, ../scss/styles.scss */
  h1 {
    font-size: 2.5em;
  }

  /* line 1012, ../scss/styles.scss */
  .container {
    width: 600px;
  }

  /* line 1015, ../scss/styles.scss */
  .one-fourth {
    width: 280px;
    padding: 0 10px;
    float: left;
  }
  /* line 1019, ../scss/styles.scss */
  .one-fourth p {
    font-size: 1em;
  }

  /* line 1024, ../scss/styles.scss */
  .one-fifth {
    width: 180px;
    padding: 0 10px;
    float: left;
  }
  /* line 1028, ../scss/styles.scss */
  .one-fifth p {
    font-size: 1em;
  }

  /* line 1043, ../scss/styles.scss */
  .icons {
    width: 100px;
    height: 125px;
    text-align: center;
  }

  /* line 1049, ../scss/styles.scss */
  div#logo {
    width: 200px;
    height: 40px;
    float: left;
    margin: 0;
    background: url("../images/logo.png") no-repeat bottom left;
    background-size: 100%;
  }

  /* line 1058, ../scss/styles.scss */
  nav {
    width: auto;
    float: right;
  }

  /* line 1063, ../scss/styles.scss */
  section#intro {
    background-color: #fff;
    padding: 50px 0 50px 0;
    position: relative;
    z-index: 90;
  }

  /* line 1070, ../scss/styles.scss */
  div#above-video {
    width: 100%;
    height: 250px;
    background-size: auto 110%;
    position: relative;
    z-index: 1;
  }

  /* line 1077, ../scss/styles.scss */
  div#above-video-logo {
    width: 50%;
    margin: 0;
    padding: 130px 0 0 25px;
  }
  /* line 1081, ../scss/styles.scss */
  div#above-video-logo img {
    display: block;
  }

  /* line 1086, ../scss/styles.scss */
  section#aperture {
    height: 600px;
    background: url("../images/aperture-tablet.png") no-repeat center;
    background-size: auto 100%;
  }
  /* line 1090, ../scss/styles.scss */
  section#aperture h1 {
    margin-top: 30px !important;
  }

  /* line 1095, ../scss/styles.scss */
  div#clock-arrow-1, div#clock-arrow-2 {
    display: none;
  }

  /* line 1099, ../scss/styles.scss */
  div#red, div#dark-red, div#blue, div#dark-blue, div#green, div#yellow {
    display: none;
  }

  /* line 1103, ../scss/styles.scss */
  section#icons {
    margin-top: 75px;
    margin-bottom: 50px;
    height: auto;
    position: relative;
    z-index: 10;
  }
  /* line 1109, ../scss/styles.scss */
  section#icons h1 {
    margin-top: 0;
    margin-bottom: 50px;
  }

  /* line 1115, ../scss/styles.scss */
  div#features-fixed {
    margin-bottom: 0;
  }
  /* line 1117, ../scss/styles.scss */
  div#features-fixed h1 {
    background-color: #FF7D67;
    margin: 0;
    padding: 75px 0 0 0;
  }
  /* line 1122, ../scss/styles.scss */
  div#features-fixed .container {
    width: 100%;
  }

  /* line 1127, ../scss/styles.scss */
  .arrow {
    display: none;
  }

  /* line 1131, ../scss/styles.scss */
  div.phone {
    display: none;
  }

  /* line 1135, ../scss/styles.scss */
  div.phone-mobile {
    width: 185px;
    height: 490px;
    background: url("../images/phone.png") no-repeat center;
    background-size: 100%;
    display: block;
    margin-bottom: 0;
  }

  /* line 1144, ../scss/styles.scss */
  .screens, .screens:first-child {
    border: none;
  }

  /* line 1148, ../scss/styles.scss */
  div.phone-slider-container {
    border: 1px solid #BBBDC0;
  }

  /* line 1152, ../scss/styles.scss */
  div#screen-descriptions {
    width: 100%;
    margin: 0 auto;
    float: none;
  }
  /* line 1156, ../scss/styles.scss */
  div#screen-descriptions .container {
    width: 600px;
    margin: 0 auto;
  }

  /* line 1162, ../scss/styles.scss */
  div.color {
    width: 100%;
    padding: 0;
    height: 800px;
  }

  /* line 1168, ../scss/styles.scss */
  #workflows {
    background-color: #FF7D67 !important;
  }
  /* line 1170, ../scss/styles.scss */
  #workflows .text {
    padding-top: 15px;
  }
  /* line 1173, ../scss/styles.scss */
  #workflows div.phone-mobile {
    float: left;
    margin: 0 40px -100px 0;
  }

  /* line 1179, ../scss/styles.scss */
  #session-types {
    background-color: #F7B854 !important;
  }
  /* line 1181, ../scss/styles.scss */
  #session-types .text {
    padding-top: 75px;
  }
  /* line 1184, ../scss/styles.scss */
  #session-types div.phone-mobile {
    float: right;
    margin: 0 0 -100px 40px;
  }

  /* line 1190, ../scss/styles.scss */
  #sessions {
    background-color: #5EABDD !important;
  }
  /* line 1192, ../scss/styles.scss */
  #sessions .text {
    padding-top: 90px;
  }
  /* line 1195, ../scss/styles.scss */
  #sessions div.phone-mobile {
    float: left;
    margin: 0 40px -100px 0;
  }

  /* line 1201, ../scss/styles.scss */
  #tasks {
    background-color: #3ADBA9 !important;
  }
  /* line 1203, ../scss/styles.scss */
  #tasks .text {
    padding-top: 90px;
  }
  /* line 1206, ../scss/styles.scss */
  #tasks div.phone-mobile {
    float: right;
    margin: 0 0 -100px 40px;
  }

  /* line 1212, ../scss/styles.scss */
  .description {
    margin: 0;
    padding: 75px 0;
    width: 100%;
  }
  /* line 1216, ../scss/styles.scss */
  .description .text {
    width: 360px;
    float: left;
  }

  /* line 1222, ../scss/styles.scss */
  .color {
    display: none;
  }

  /* line 1226, ../scss/styles.scss */
  section#download {
    padding-top: 150px;
    height: 550px;
  }

  /* line 1231, ../scss/styles.scss */
  div#picture {
    width: 225px;
    height: 365px;
    background: url("../images/picture.png") no-repeat bottom left;
    background-size: auto 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
  }

  /* line 1242, ../scss/styles.scss */
  footer {
    z-index: 10;
    width: 100%;
  }
  /* line 1245, ../scss/styles.scss */
  footer a {
    display: block;
  }

  /* line 1250, ../scss/styles.scss */
  div#download-button {
    position: relative;
    z-index: 10;
  }
  /* line 1253, ../scss/styles.scss */
  div#download-button img {
    margin-top: 150px;
  }

  /* line 1258, ../scss/styles.scss */
  div#hermann, div#maria, div#emil {
    width: 115px;
  }

  /* line 1262, ../scss/styles.scss */
  div#grad {
    margin-left: 20px;
    width: 120px;
  }

  /* line 1267, ../scss/styles.scss */
  div#baby {
    margin-top: -5px;
    width: 120px;
  }

  /* line 1272, ../scss/styles.scss */
  div#rings {
    width: 87px;
    margin-right: 10px;
  }

  /* line 1277, ../scss/styles.scss */
  div#tue {
    width: 125px;
    margin-right: -12px;
    margin-left: -10px;
  }

  /* line 1283, ../scss/styles.scss */
  div#wed {
    width: 85px;
    margin-right: -25px;
  }

  /* line 1288, ../scss/styles.scss */
  div#thu {
    width: 80px;
    margin-right: -20px;
  }

  /* line 1293, ../scss/styles.scss */
  div#fri {
    width: 95px;
  }

  /* line 1297, ../scss/styles.scss */
  #social-share {
    background-color: rgba(255, 255, 255, 0.7);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 44px;
    position: fixed;
    top: 100px;
    right: 0;
  }
  /* line 1305, ../scss/styles.scss */
  #social-share .social-icons {
    margin: 10px;
  }

  /* line 1310, ../scss/styles.scss */
  .page #social-share {
    width: 132px;
    position: static;
    float: none;
    margin: 0 auto;
  }
  /* line 1315, ../scss/styles.scss */
  .page #social-share .social-icons {
    float: left;
  }
}
@media all and (max-device-width: 767px) and (max-device-height: 1136px) and (orientation: landscape) {
  /* line 1324, ../scss/styles.scss */
  h1 {
    font-size: 2.5em;
  }

  /* line 1328, ../scss/styles.scss */
  .container {
    width: 500px;
  }

  /* line 1331, ../scss/styles.scss */
  .one-fourth {
    width: 230px;
    padding: 0 10px;
    float: left;
  }
  /* line 1335, ../scss/styles.scss */
  .one-fourth p {
    font-size: 1em;
  }

  /* line 1340, ../scss/styles.scss */
  .one-fifth {
    width: 146px;
    padding: 0 10px;
    float: left;
  }
  /* line 1344, ../scss/styles.scss */
  .one-fifth p {
    font-size: 1em;
  }

  /* line 1349, ../scss/styles.scss */
  .icons {
    width: 100px;
    height: 125px;
    text-align: center;
  }

  /* line 1354, ../scss/styles.scss */
  div#logo {
    width: 150px;
    height: 36px;
    float: left;
    margin: 0;
    background: url("../images/logo.png") no-repeat bottom left;
    background-size: 100%;
  }

  /* line 1363, ../scss/styles.scss */
  nav {
    width: auto;
    float: right;
  }

  /* line 1368, ../scss/styles.scss */
  section#intro {
    background-color: #fff;
    padding: 50px 0 50px 0;
    position: relative;
    z-index: 90;
  }

  /* line 1375, ../scss/styles.scss */
  div#above-video {
    width: 100%;
    height: 250px;
    background-size: auto 110%;
    position: relative;
    z-index: 1;
  }

  /* line 1382, ../scss/styles.scss */
  div#above-video-logo {
    width: 50%;
    margin: 0;
    padding: 130px 0 0 25px;
  }
  /* line 1386, ../scss/styles.scss */
  div#above-video-logo img {
    display: block;
  }

  /* line 1391, ../scss/styles.scss */
  section#aperture {
    height: 400px;
    background: url("../images/aperture-tablet.png") no-repeat center;
    background-size: auto 100%;
  }
  /* line 1395, ../scss/styles.scss */
  section#aperture h1 {
    margin-top: 0 !important;
  }

  /* line 1400, ../scss/styles.scss */
  div#clock-arrow-1, div#clock-arrow-2 {
    display: none;
  }

  /* line 1404, ../scss/styles.scss */
  div#red, div#dark-red, div#blue, div#dark-blue, div#green, div#yellow {
    display: none;
  }

  /* line 1408, ../scss/styles.scss */
  section#icons {
    margin-top: 75px;
    margin-bottom: 50px;
    position: relative;
    z-index: 10;
    height: auto;
  }
  /* line 1414, ../scss/styles.scss */
  section#icons h1 {
    margin-top: 0;
    margin-bottom: 50px;
  }

  /* line 1420, ../scss/styles.scss */
  div#features-fixed {
    margin-bottom: 0;
  }
  /* line 1422, ../scss/styles.scss */
  div#features-fixed h1 {
    background-color: #FF7D67;
    margin: 0;
    padding: 75px 0 0 0;
  }
  /* line 1427, ../scss/styles.scss */
  div#features-fixed .container {
    width: 100%;
  }

  /* line 1432, ../scss/styles.scss */
  .arrow {
    display: none;
  }

  /* line 1436, ../scss/styles.scss */
  div.phone {
    display: none;
  }

  /* line 1440, ../scss/styles.scss */
  div.phone-mobile {
    width: 185px;
    height: 490px;
    background: url("../images/phone.png") no-repeat center;
    background-size: 100%;
    display: block;
    margin-bottom: 0;
  }

  /* line 1449, ../scss/styles.scss */
  .screens, .screens:first-child {
    border: none;
  }

  /* line 1453, ../scss/styles.scss */
  div.phone-slider-container {
    border: 1px solid #BBBDC0;
  }

  /* line 1457, ../scss/styles.scss */
  div#screen-descriptions {
    width: 100%;
    margin: 0 auto;
    float: none;
  }
  /* line 1461, ../scss/styles.scss */
  div#screen-descriptions .container {
    width: 500px;
    margin: 0 auto;
  }

  /* line 1467, ../scss/styles.scss */
  div.color {
    width: 100%;
    padding: 0;
    height: 800px;
  }

  /* line 1473, ../scss/styles.scss */
  #workflows {
    background-color: #FF7D67 !important;
  }
  /* line 1475, ../scss/styles.scss */
  #workflows .text {
    padding-top: 0;
  }
  /* line 1478, ../scss/styles.scss */
  #workflows div.phone-mobile {
    float: left;
    margin: 0 20px -100px 0;
  }

  /* line 1484, ../scss/styles.scss */
  #session-types {
    background-color: #F7B854 !important;
  }
  /* line 1486, ../scss/styles.scss */
  #session-types .text {
    padding-top: 50px;
  }
  /* line 1489, ../scss/styles.scss */
  #session-types div.phone-mobile {
    float: right;
    margin: 0 0 -100px 20px;
  }

  /* line 1495, ../scss/styles.scss */
  #sessions {
    background-color: #5EABDD !important;
  }
  /* line 1497, ../scss/styles.scss */
  #sessions .text {
    padding-top: 70px;
  }
  /* line 1500, ../scss/styles.scss */
  #sessions div.phone-mobile {
    float: left;
    margin: 0 20px -100px 0;
  }

  /* line 1506, ../scss/styles.scss */
  #tasks {
    background-color: #3ADBA9 !important;
  }
  /* line 1508, ../scss/styles.scss */
  #tasks .text {
    padding-top: 70px;
  }
  /* line 1511, ../scss/styles.scss */
  #tasks div.phone-mobile {
    float: right;
    margin: 0 0 -100px 20px;
  }

  /* line 1517, ../scss/styles.scss */
  .description {
    margin: 0;
    padding: 75px 0;
    width: 100%;
  }
  /* line 1521, ../scss/styles.scss */
  .description .text {
    width: 280px;
    float: left;
  }

  /* line 1527, ../scss/styles.scss */
  .color {
    display: none;
  }

  /* line 1531, ../scss/styles.scss */
  section#download {
    padding-top: 75px;
    height: 275px;
  }

  /* line 1536, ../scss/styles.scss */
  div#picture {
    width: 150px;
    height: 200px;
    background: url("../images/picture.png") no-repeat top left;
    background-size: 100% auto;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
  }

  /* line 1547, ../scss/styles.scss */
  footer {
    z-index: 10;
    width: 100%;
  }
  /* line 1550, ../scss/styles.scss */
  footer a {
    display: block;
  }

  /* line 1555, ../scss/styles.scss */
  div#download-button {
    position: relative;
    z-index: 10;
  }
  /* line 1558, ../scss/styles.scss */
  div#download-button img {
    margin-top: 35px;
  }

  /* line 1563, ../scss/styles.scss */
  section#tutorial-intro,
  section#support-intro {
    margin-top: 100px;
  }

  /* line 1568, ../scss/styles.scss */
  div#grad, div#baby, div#rings, div#hermann, div#maria, div#emil, div#tue, div#wed, div#thu, div#fri, #flow {
    display: none;
  }

  /* line 1572, ../scss/styles.scss */
  #social-share {
    width: 117px;
    float: right;
  }
  /* line 1575, ../scss/styles.scss */
  #social-share .social-icons {
    float: left;
    margin: 9px;
  }
  /* line 1579, ../scss/styles.scss */
  #social-share #pinterest {
    margin-right: 0;
  }

  /* line 1584, ../scss/styles.scss */
  .page #social-share {
    width: 126px;
    float: none;
    margin: 0 auto;
  }
  /* line 1588, ../scss/styles.scss */
  .page #social-share #pinterest {
    margin-right: 9px;
  }
}
@media (max-width: 540px) {
  /* line 1597, ../scss/styles.scss */
  h1 {
    font-size: 2.5em;
  }

  /* line 1601, ../scss/styles.scss */
  .container {
    width: 90%;
  }

  /* line 1604, ../scss/styles.scss */
  .one-fourth, .one-fifth {
    width: 100%;
    padding-left: 0;
    float: none;
  }
  /* line 1608, ../scss/styles.scss */
  .one-fourth p, .one-fifth p {
    font-size: 1em;
  }

  /* line 1613, ../scss/styles.scss */
  .icons {
    width: 100px;
    height: 125px;
    text-align: center;
  }

  /* line 1618, ../scss/styles.scss */
  div#logo {
    width: 200px;
    height: 40px;
    float: none;
    margin: 0 auto;
    background: url("../images/logo.png") no-repeat center;
    background-size: 100%;
  }

  /* line 1627, ../scss/styles.scss */
  nav {
    width: 100%;
    text-align: center;
  }
  /* line 1630, ../scss/styles.scss */
  nav ul {
    text-align: center;
  }
  /* line 1632, ../scss/styles.scss */
  nav ul li {
    padding: 5px;
  }

  /* line 1638, ../scss/styles.scss */
  section#intro {
    background-color: #fff;
    padding: 50px 0;
    position: relative;
    z-index: 90;
  }

  /* line 1645, ../scss/styles.scss */
  div#above-video {
    width: 100%;
    height: 150px;
    background-size: auto 125%;
    position: relative;
    z-index: 1;
  }

  /* line 1652, ../scss/styles.scss */
  div#above-video-logo {
    width: 60%;
    text-align: left;
    margin: 0;
    padding: 60px 0 0 0;
  }
  /* line 1657, ../scss/styles.scss */
  div#above-video-logo img {
    display: none;
  }

  /* line 1662, ../scss/styles.scss */
  section#aperture {
    height: 450px;
    background: url("../images/aperture-mobile.png") no-repeat center;
    background-size: auto 100%;
  }
  /* line 1666, ../scss/styles.scss */
  section#aperture h1 {
    margin-top: 0 !important;
  }

  /* line 1671, ../scss/styles.scss */
  div#red, div#dark-red, div#blue, div#dark-blue, div#green, div#yellow {
    display: none;
  }

  /* line 1675, ../scss/styles.scss */
  section#icons {
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
    z-index: 10;
    height: auto;
  }
  /* line 1681, ../scss/styles.scss */
  section#icons h1 {
    margin-top: 0;
    margin-bottom: 50px;
  }

  /* line 1687, ../scss/styles.scss */
  div#features-fixed {
    margin-bottom: 0;
  }
  /* line 1689, ../scss/styles.scss */
  div#features-fixed h1 {
    background-color: #FF7D67;
    margin: 0;
    padding: 75px 0 0 0;
  }

  /* line 1696, ../scss/styles.scss */
  .arrow {
    display: none;
  }

  /* line 1700, ../scss/styles.scss */
  div.phone {
    display: none;
  }

  /* line 1704, ../scss/styles.scss */
  div.phone-mobile {
    width: 185px;
    margin: 0 auto;
    height: 490px;
    background: url("../images/phone.png") no-repeat center;
    background-size: 100%;
    float: none;
    display: block;
    margin-bottom: -90px;
  }

  /* line 1715, ../scss/styles.scss */
  .screens, .screens:first-child {
    border: none;
  }

  /* line 1719, ../scss/styles.scss */
  div.phone-slider-container {
    border: 1px solid #BBBDC0;
  }

  /* line 1723, ../scss/styles.scss */
  div#screen-descriptions {
    width: 100%;
    margin: 0 auto;
    float: none;
  }

  /* line 1729, ../scss/styles.scss */
  div.text {
    width: 100%;
    float: none;
  }

  /* line 1733, ../scss/styles.scss */
  div.color {
    width: 100%;
    padding: 0;
    height: 800px;
  }

  /* line 1739, ../scss/styles.scss */
  #workflows {
    background-color: #FF7D67 !important;
  }

  /* line 1743, ../scss/styles.scss */
  #session-types {
    background-color: #F7B854 !important;
  }

  /* line 1747, ../scss/styles.scss */
  #sessions {
    background-color: #5EABDD !important;
  }

  /* line 1751, ../scss/styles.scss */
  #tasks {
    background-color: #3ADBA9 !important;
  }

  /* line 1755, ../scss/styles.scss */
  #features-fixed .container {
    width: 100%;
  }

  /* line 1759, ../scss/styles.scss */
  .description {
    width: 100%;
    margin: 0;
    padding: 75px 0;
  }
  /* line 1763, ../scss/styles.scss */
  .description .text {
    width: 90%;
    margin: 0 auto;
  }

  /* line 1769, ../scss/styles.scss */
  .color {
    display: none;
  }

  /* line 1773, ../scss/styles.scss */
  section#download {
    padding-top: 75px;
    height: 460px;
  }

  /* line 1778, ../scss/styles.scss */
  div#picture {
    width: 170px;
    height: 250px;
    background: url("../images/picture.png") no-repeat top left;
    background-size: 100% auto;
    position: absolute;
    bottom: 0;
    left: -25px;
    z-index: 1;
  }

  /* line 1789, ../scss/styles.scss */
  footer {
    z-index: 10;
    width: 90%;
  }
  /* line 1792, ../scss/styles.scss */
  footer p.small {
    text-align: right;
  }
  /* line 1795, ../scss/styles.scss */
  footer a {
    display: block;
  }

  /* line 1800, ../scss/styles.scss */
  div#download-button {
    position: relative;
    z-index: 10;
  }
  /* line 1803, ../scss/styles.scss */
  div#download-button img {
    margin-top: 30px;
  }

  /* line 1808, ../scss/styles.scss */
  section#tutorial-intro,
  section#support-intro {
    margin-top: 120px;
    margin-bottom: 100px;
  }

  /* line 1817, ../scss/styles.scss */
  #tutorial-bottom footer p.small,
  #support-bottom footer p.small {
    text-align: center;
  }

  /* line 1823, ../scss/styles.scss */
  div#grad, div#baby, div#rings, div#hermann, div#maria, div#emil, div#tue, div#wed, div#thu, div#fri, #flow {
    display: none;
  }

  /* line 1827, ../scss/styles.scss */
  #social-share {
    width: 117px;
    float: right;
  }
  /* line 1830, ../scss/styles.scss */
  #social-share .social-icons {
    float: left;
    margin: 9px;
  }
  /* line 1834, ../scss/styles.scss */
  #social-share #pinterest {
    margin-right: 0;
  }

  /* line 1839, ../scss/styles.scss */
  .page #social-share {
    width: 126px;
    float: none;
    margin: 0 auto;
  }
  /* line 1843, ../scss/styles.scss */
  .page #social-share #pinterest {
    margin-right: 9px;
  }
}