a {
  color: #888;
  hover: #000;
  focus: false;
  active: false;
  visited: false;
  text-decoration: none; }

body {
  margin: auto;
  text-align: center;
  font-family: Arial;
  font-size: 18px;
  color: #2A2A2A; }

footer {
  clear: both;
  padding-top: 70px;
  padding-bottom: 50px;
  font-size: 14px; }

h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 200;
  margin-top: 50px; }

h2 {
  font-style: normal;
  font-weight: 200;
  font-size: 24px; }

h3 {
  font-style: normal;
  font-weight: 200;
  font-size: 20px; }

h4 {
  font-style: normal;
  font-weight: 200;
  font-size: 18px; }

header {
  background: #F6F6F6;
  margin-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 8px;
  text-align: left;
  overflow: hidden; }

header nav {
  display: inline; }
  @media screen and (max-width: 730px) {
    header nav {
      display: block; } }

header nav ul {
  list-style: none;
  float: right;
  margin-top: 23px; }
  @media screen and (max-width: 730px) {
    header nav ul {
      float: left;
      width: 100%;
      margin-top: 0px;
      margin-bottom: 0px; } }

header nav ul li {
  float: left;
  margin-left: 28px; }
  @media screen and (max-width: 730px) {
    header nav ul li {
      float: none;
      height: 50px;
      line-height: 50px;
      display: block;
      margin-left: 0px;
      border-top: 1px solid #CBCBCB; } }

header nav ul li a {
  color: #b5b5b5;
  font-size: 20px;
  text-decoration: none;
  -webkit-transition: color 0.3s ease-in;
  -moz-transition: color 0.3s ease-in;
  -o-transition: color 0.3s ease-in;
  transition: color 0.3s ease-in; }

header nav ul li a:hover {
  color: #858585; }

header nav ul li.active a {
  color: #EE0000; }

ul {
  list-style-position: inside;
  padding-left: 5px; }

.app {
  float: left;
  font-size: 0;
  height: 600px;
  margin-bottom: 0px;
  margin-right: 50px; }

.app-image {
  vertical-align: top;
  display: inline-block;
  width: 268px;
  height: 100%;
  margin-right: 30px; }
  @media screen and (max-width: 655px) {
    .app-image {
      display: block;
      margin: 0 auto 20px; } }

.app-text {
  vertical-align: top;
  display: inline-block;
  width: calc(100% - 298px);
  max-width: 300px;
  font-size: 15px; }
  @media screen and (max-width: 655px) {
    .app-text {
      width: 100%; } }
  .app-text h2 {
    margin-top: 0px; }

.center {
  text-align: center; }

.container {
  width: 100%; }

.first-main-nav-li {
  margin-left: 0px; }

.half-width-left {
  margin-right: 2px; }
  @media screen and (max-width: 730px) {
    .half-width-left {
      float: left;
      width: 100%;
      margin-right: 0px; } }

.half-width-right {
  margin-left: 2px; }
  @media screen and (max-width: 730px) {
    .half-width-right {
      float: left;
      width: 100%;
      margin-top: 2px;
      margin-left: 0px; } }

.indented_questions {
  margin-left: 40px; }

.main {
  min-height: 500px;
  padding-top: 10px;
  text-align: left; }

.market-badges {
  padding-top: 30px; }

.quarter-width-paragraph {
  display: block;
  float: left;
  font-size: 16px; }
  .quarter-width-paragraph h2 {
    margin-top: 0px;
    color: #C20000; }

.quarter-width-paragraph-spacer {
  margin-right: 4%; }
  @media screen and (max-width: 200px) {
    .quarter-width-paragraph-spacer {
      margin-right: 0%; } }

.quarter-width-paragraph-spacer-conditional {
  margin-right: 4%; }
  @media screen and (max-width: 200px) {
    .quarter-width-paragraph-spacer-conditional {
      margin-right: 0%; } }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .quarter-width-paragraph-spacer-conditional {
      margin-right: 0%; } }

.services-article {
  min-height: 220px; }
  @media screen and (max-width: 200px) {
    .services-article {
      width: 100%; } }
  @media screen and (min-width: 320px) {
    .services-article {
      width: 48%; } }
  @media screen and (min-width: 640px) {
    .services-article {
      width: 22%; } }

.standard-side-margin {
  margin-left: 30px;
  margin-right: 30px; }

.teaser-button {
  display: inline-block;
  width: 100%;
  padding: 30px 0px;
  border: 1px solid transparent;
  background-color: #C20000;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 100;
  text-align: center;
  box-sizing: border-box; }

#apple-badge {
  float: left; }

#bs-screenshot {
  max-width: 90%;
  height: auto;
  display: block;
  margin: 0 auto; }

#contact-map {
  display: inline-block;
  width: calc(100% - 450px);
  height: 600px;
  margin-right: 30px; }
  @media screen and (max-width: 750px) {
    #contact-map {
      width: 90%;
      height: 400px;
      margin-left: 30px; } }

#contact-text {
  display: inline-block;
  vertical-align: top;
  width: 376px;
  font-size: 16px;
  margin-left: 30px; }
  #contact-text h2 {
    -webkit-margin-before: 0em; }
  @media screen and (max-width: 750px) {
    #contact-text {
      width: 92%;
      height: auto;
      margin-bottom: 40px; } }

#contentbox {
  margin: 0 auto;
  width: 90%; }

#contentbox .column {
  float: left;
  margin: 0;
  width: 50%; }

#copyright {
  margin-left: 180px;
  display: inline; }

#google-badge {
  padding-left: 20px;
  float: left; }

#legal {
  width: 160px;
  float: right;
  margin-right: 30px; }

#main-app-combination-730 {
  display: none;
  margin: 0 auto; }
  @media screen and (min-width: 901px) {
    #main-app-combination-730 {
      display: block; } }

#main-app-combination-500 {
  display: none;
  margin: 0 auto; }
  @media screen and (min-width: 541px) and (max-width: 900px) {
    #main-app-combination-500 {
      display: block; } }

#main-app-single {
  display: none;
  margin: 0 auto; }
  @media screen and (min-width: 0px) and (max-width: 540px) {
    #main-app-single {
      display: block; } }

#main-teaser {
  background: #23313A;
  color: #FFFFFF;
  padding-top: 10px;
  margin-bottom: 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 0;
  text-align: center;
  overflow: hidden; }
  #main-teaser h1 {
    margin-bottom: 0px;
    font-size: 40px; }
    @media screen and (max-width: 900px) {
      #main-teaser h1 {
        font-size: 30px; } }
  #main-teaser h3 {
    margin-top: 5px;
    margin-bottom: 70px; }
    @media screen and (max-width: 900px) {
      #main-teaser h3 {
        font-size: 18px; } }

#skeleton-logo-410 {
  display: none; }
  @media screen and (min-width: 811px) {
    #skeleton-logo-410 {
      display: inline; } }

#skeleton-logo-320 {
  display: none;
  margin-top: 8px; }
  @media screen and (max-width: 810px) {
    #skeleton-logo-320 {
      display: inline; } }

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