/*******************************************************************************
 * style.scss
 *
 * This file shouldn't directly contain any SCSS code, instead it only serves to
 * combine the SCSS contained in other Sass partials through @import directives.
 *
 * BASE............Styling for common HTML and Drupal elements.
 * LAYOUT..........Styles for the page structure that contain components.
 * COMPONENTS......Components, their modifiers and sub-components.
 ******************************************************************************/
/*******************************************************************************
 * _utils.scss
 *
 * Sass offers come very useful features, these include variables functions and
 * mixins. Extensions such as Compass and Susy can also be used to provide extra
 * functions and mixins to be used throughout the theme. This file acts as a
 * single place for defining these things, which can then be accessed by
 * importing _utils.scss where required. The following should be defined in this
 * file:
 * - Custom Sass mixins for the theme.
 * - Custom Sass functions for the theme.
 * - Overriding the default variables provided by extensions such as Compass.
 * - Defining new variables for:
 *      - Colors.
 *      - Font sizes and families.
 *      - Layout and grid sizing.
 ******************************************************************************/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=9a6feb00-f8b3-48aa-b165-798ef59ba4f6&fontids=673817,673808");
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: "NeuzeitOfficeW01-Regula";
  src: url("../fonts/673817/regular.eot?#iefix");
  src: url("../fonts/673817/regular.eot?#iefix") format("eot"), url("../fonts/673817/regular.woff") format("woff"), url("../fonts/673817/regular.ttf") format("truetype"), url("../fonts/673817/regular.svg#85050462-ab1f-4478-a289-36eed1d3c53f") format("svg"); }
@font-face {
  font-family: "Neuzeit Office W01 Bold";
  src: url("../fonts/673808/bold.eot?#iefix");
  src: url("../fonts/673808/bold.eot?#iefix") format("eot"), url("../fonts/673808/bold.woff") format("woff"), url("../fonts/673808/bold.ttf") format("truetype"), url("../fonts/673808/bold.svg#d4cb246e-742d-4269-9f6a-901a050ff03f") format("svg"); }
/*******************************************************************************
 * _base.scss

 * Base styles define the default look.
 *
 * These rules will generally be made up of element selectors for HTML elements
 * such as headings, paragraphs and lists. Common elements such as form
 * items, collapsible fieldsets and messages should be included in this partial.
 *
 * The styleguide module (http://drupal.org/project/styleguide) gives you a good
 * overview of Drupals common elements for styling. By setting a solid baseline
 * before adding any more specific customisations you ensure that as any new
 * features are added they will be correctly styled without any extra work.
 ******************************************************************************/
body {
  font-family: NeuzeitOfficeW01-Regula, Open Sans, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #6e6663;
  font-size: 16px;
  line-height: 23px; }

strong {
  font-family: "Neuzeit Office W01 Bold", Open Sans, Helvetica, sans-serif; }

h1 {
  font-size: 84px;
  line-height: 78px;
  margin-bottom: 35px;
  letter-spacing: -2px; }
  h1 span {
    color: #b7aba5; }
  @media all and (max-width: 768px) {
    h1 {
      font-size: 46px;
      line-height: 45px;
      margin-top: 0;
      margin-bottom: 0; } }

.post h1 {
  font-size: 50px;
  line-height: 58px; }

h1.logo {
  font-family: "Neuzeit Office W01 Bold", Open Sans, Helvetica, sans-serif;
  font-size: 26px;
  color: #fff; }

.full-width h1 {
  margin-top: 25px;
  margin-bottom: 0; }

h2, h3 {
  font-family: "Neuzeit Office W01 Bold", Open Sans, Helvetica, sans-serif;
  margin-bottom: 0.5em; }

h2 {
  font-size: 40px;
  line-height: 47px;
  margin-top: 1em; }
  @media all and (max-width: 768px) {
    h2 {
      margin-top: 0.5em; } }

h2:first-child {
  margin-top: 0; }

header h2 {
  font-family: NeuzeitOfficeW01-Regula, Open Sans, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 22px;
  line-height: 28px;
  color: #58aeff; }

h3 {
  font-size: 22px;
  line-height: 22px;
  text-align: center; }

.a h3,
.b h3 {
  text-align: left; }

p {
  margin-bottom: 1em; }

li {
  list-style: circle;
  margin-left: 20px; }

ol, ul {
  margin-bottom: 16px; }

img.responsive {
  max-width: 100%; }

a,
a:hover {
  text-decoration: none;
  color: #58aeff; }

.skiplink {
  line-height: 100px; }

label {
  cursor: pointer; }

blockquote {
  margin-left: 20px;
  color: #b7aba5; }

.show-for-phone {
  display: none; }
  @media screen and (max-width: 768px) {
    .show-for-phone {
      display: inline-block; } }

/*******************************************************************************
 * _layout.scss
 *
 * The layout of the major regions (usually, but not necessarily Drupal regions)
 * that components will be placed within. Layout styles for the theme's
 * components should not be placed here and should instead be kept with the
 * relevant SCSS for that component.
 ******************************************************************************/
html,
body {
  margin: 0;
  padding: 0; }

.hidden {
  display: none; }

.out {
  overflow: hidden;
  background: #fff; }

.in {
  width: 1528px;
  margin: 0px auto;
  overflow: auto; }
  @media all and (max-width: 1999px) {
    .in {
      width: 1112px; } }
  @media all and (max-width: 1279px) {
    .in {
      width: 1086px; } }
  @media all and (max-width: 1119px) {
    .in {
      width: 866px; } }
  @media all and (max-width: 899px) {
    .in {
      width: 708px; } }
  @media all and (max-width: 768px) {
    .in {
      width: auto; } }

/* Responsive columns ------------------------------------------------------- */
/*

2000 = 236 708 56 56 708 236 = 1528px center
1280 = 84 500 56 56 500 84 = 1112px center
1120 = 30 500 30 30 500 30 = 1060px center
900 = 30 390 30 30 390 30 = 840px center
769 = 30 324 30 30 390 30 = 708px center
768 = 30 708 30
500 = 30 440 30
320 = 30 260 30 (minimum responsive width)

1200 = 57 500 43 43 500 57 = 1086px center
 */
.a, .b {
  width: 708px;
  margin-right: 56px;
  padding: 50px 0 50px 0;
  /* column sizing */
  float: left; }
  @media all and (max-width: 1999px) {
    .a, .b {
      width: 500px; } }
  @media all and (max-width: 1279px) {
    .a, .b {
      margin-right: 43px; } }
  @media all and (max-width: 1119px) {
    .a, .b {
      margin-right: 30px;
      width: 390px; } }
  @media all and (max-width: 899px) {
    .a, .b {
      width: 324px; } }
  @media all and (max-width: 768px) {
    .a, .b {
      margin: 0;
      width: auto;
      float: none;
      padding: 15px 30px; } }

.b {
  margin-right: 0;
  margin-left: 56px; }
  @media all and (max-width: 1999px) {
    .b {
      margin-left: 56px; } }
  @media all and (max-width: 1279px) {
    .b {
      margin-left: 43px; } }
  @media all and (max-width: 1119px) {
    .b {
      margin-left: 30px; } }
  @media all and (max-width: 768px) {
    .b {
      margin: 0;
      width: auto;
      float: none; } }

.b.demoback {
  width: 764px;
  margin-left: 0;
  padding-bottom: 0 !important; }
  @media all and (max-width: 1999px) {
    .b.demoback {
      width: 556px;
      margin-left: 0; } }
  @media all and (max-width: 1279px) {
    .b.demoback {
      width: 543px;
      margin-left: 0; } }
  @media all and (max-width: 1119px) {
    .b.demoback {
      width: 420px;
      margin-left: 0; } }
  @media all and (max-width: 899px) {
    .b.demoback {
      width: 354px; } }

.a.short, .b.short {
  padding-bottom: 0px; }

.text .a {
  width: 858px; }
  @media all and (max-width: 1999px) {
    .text .a {
      width: 650px; } }
  @media all and (max-width: 1119px) {
    .text .a {
      margin-right: 30px;
      width: 525px; } }
  @media all and (max-width: 899px) {
    .text .a {
      width: 410px; } }

.text .b {
  width: 558px; }
  @media all and (max-width: 1999px) {
    .text .b {
      width: 350px; } }
  @media all and (max-width: 1119px) {
    .text .b {
      margin-right: 30px; } }
  @media all and (max-width: 899px) {
    .text .b {
      width: auto;
      min-width: 204px; } }

.contrast {
  background: #fcf5f0; }

.contrast + .contrast .in {
  padding-top: 0; }
  @media all and (max-width: 768px) {
    .contrast + .contrast .in {
      padding-top: 15px; } }

.contrast .rule {
  margin-bottom: 50px; }

.rule {
  border: 0 none;
  border-bottom: 5px solid #f5ebe6; }

.contrast .rule {
  border-bottom: 6px solid #fff; }

/* Header structure --------------------------------------------------------- */
header {
  overflow: auto; }

header .photo {
  width: 50%;
  float: left; }

header .text {
  width: 50%;
  float: right; }

@media all and (max-width: 768px) {
  header .photo,
  header .text {
    width: auto;
    float: none;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 30px;
    min-height: auto !important; } }

header .photo .a {
  float: right; }
  @media all and (max-width: 768px) {
    header .photo .a {
      float: none; } }

header .b {
  padding-top: 75px; }
  @media all and (max-width: 768px) {
    header .b {
      padding-top: 25px; } }

@media all and (max-width: 768px) {
  header .a,
  header .b {
    float: none;
    width: auto; } }

.text header .a {
  padding: 0px; }

.photo {
  background: url(../img/bg4.jpg) no-repeat;
  background-size: cover; }

/* Photos for specific pages - - - - - - - - - - - - - - - - */
.home .photo {
  background-image: url(../img/dotgrid-white.png), url(../img/bg4.jpg); }

.muncie .photo {
  background: url(../img/bg-case-muncie1.jpg) no-repeat; }

.post .photo {
  background-image: url(../img/dotgrid.png); }

@media all and (max-width: 768px) {
  .photo .in {
    padding-left: 0;
    padding-right: 0; } }

@media all and (max-width: 768px) {
  .photo .a,
  .photo .b {
    padding-left: 0;
    padding-right: 30px; } }

/*******************************************************************************
 * _components.scss
 *
 * Imports more partials that contain full components (modules in SMACSS), their
 * sub-components and modifiers.
 *
 * Components are discrete parts of your page that should sit within the regions
 * of your layouts. You should try to abstract your components as much as
 * possible to promote reuse throughout the theme. Components should be flexible
 * enough to respond to any width and should never rely on context
 * (e.g. .sidebar-first .component) for styling. This allows modules to be
 * placed throughout the theme with no risk of them breaking.
 *
 * If you find you need to change the look of a component depending on it's
 * context you should avoid using context based classes at all costs. Instead it
 * is better to add another "modifier" class to the component to alter the
 * styling. Again, this promotes reuse.
 *
 * Sub-components are the individual parts that make up a component. As a
 * general rule, adding a class to target a sub-component is a much better
 * option than using descendant selectors or element selectors. In many cases
 * sub-components can be made more reusable by making them components in their
 * own right, so they can then be used within other components.
 *
 * Almost everything that doesn't belong in base should be made a component.
 * Here's some common examples throughout Drupal:
 *
 * - Blocks
 * - Content Types - For example, you may have a generic node component that
 *      contains sub-components for the submitted by line and links. Specific
 *      components can then be created for each content type to style the
 *      specifics of each. Finally, by using entity view modes you can easily
 *      apply modifications based on the .node-[view-mode] classes.
 * - Forms - For instance the log in form.
 * - Views - Each views output style could be made into a component, the content
 *       of each row should be provided my a view mode styled by it's component
 *       CSS. Exposed filter forms, views pagers and other views elements are
 *       also good candidates for components.
 ******************************************************************************/
/* Homepage specifics ------------------------------------------------------ */
.partners {
  padding-top: 50px; }

/* Case study specifics ---------------------------------------------------- */
.detroit .demoback {
  background: url(../img/detroit-map.png) no-repeat center center; }

.gary .photo {
  background-image: url(../img/bg-case-gary2.jpg); }

.gary .demoback {
  background: url(../img/gary-map.png) no-repeat center center; }

.malden .demoback {
  background: url(../img/maldennight.jpg) no-repeat center center; }

.muncie .demoback {
  background: url(../img/muncie-map.png) no-repeat center center; }

.health .photo {
  background: url(../img/bg-people-g.jpg) no-repeat center center;
  background-size: cover; }

.health .community-assessment, .nonprofit .community-assessment {
  background: url(../img/community-assessment.png) no-repeat center center;
  min-height: 400px;
  background-size: cover; }

.health .bike-study, .nonprofit .bike-study {
  background: url(../img/bike-study.png) no-repeat center center;
  min-height: 300px;
  background-size: cover; }

.health .munciemap, .nonprofit .munciemap {
  background: url(../img/muncie-map.png) no-repeat center center;
  min-height: 667px; }

.nonprofit .quito {
  background: url(../img/quito.jpg) no-repeat center center;
  min-height: 300px;
  background-size: cover; }

.nonprofit .photo {
  background: url(../img/bg-people-g.jpg) no-repeat center center;
  background-size: cover; }

/* Boxes ------------------------------------------------------------------- */
.box,
form input[type=submit] {
  background: #fff;
  border: 6px solid #6e6663;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 11px;
  width: 90px;
  height: 62px;
  font-family: "Neuzeit Office W01 Bold", Open Sans, Helvetica, sans-serif;
  font-size: 20px;
  text-align: center;
  line-height: 62px;
  letter-spacing: -1px; }

.small {
  font-size: 16px; }

.danger {
  border-color: #f15a24;
  color: #f15a24; }

.warn {
  border-color: #ffad00;
  color: #ffad00; }

.ok {
  border-color: #58aeff;
  color: #58aeff; }

/* Learn more --------------------------------------------------------------- */
.learnmore {
  padding-left: 25px;
  margin-bottom: 45px;
  background: transparent url(../img/arrow.png) no-repeat center left;
  display: inline-block;
  text-transform: uppercase;
  font-size: 11px;
  font-family: "Neuzeit Office W01 Bold", Open Sans, Helvetica, sans-serif;
  letter-spacing: 1px; }

/* Navigation --------------------------------------------------------------- */
nav a,
nav a:hover {
  font-family: "Neuzeit Office W01 Bold", Open Sans, Helvetica, sans-serif;
  color: #6e6663;
  display: inline-block;
  margin-right: 45px;
  padding-top: 15px; }
  @media all and (max-width: 768px) {
    nav a,
    nav a:hover {
      display: block;
      margin-right: 0;
      line-height: 44px;
      border-bottom: 1px solid #cbc8c7;
      padding-top: 0px;
      padding-left: 30px;
      background: #fff; } }

@media all and (max-width: 768px) {
  nav a:last-child {
    border-bottom-width: 0px; } }

nav a:hover {
  color: #58aeff; }

nav > a:hover,
nav > a.selected {
  border-top: 5px solid #f15a24;
  padding-top: 10px; }
  @media all and (max-width: 768px) {
    nav > a:hover,
    nav > a.selected {
      border-top: 0px;
      padding-top: 0px; } }

.nav {
  background: #fcf5f0; }
  @media all and (max-width: 768px) {
    .nav {
      background: #fff;
      padding: 0 15px 0 20px; } }

.text .nav {
  background: #fff; }

.nav .in {
  padding: 0px 0 20px;
  margin-bottom: 0; }
  @media all and (max-width: 768px) {
    .nav .in {
      padding-bottom: 0px; } }

.subnav {
  border-top: 5px solid #fcf5f0;
  padding-top: 1em;
  padding-bottom: 1em; }

.subnav li {
  list-style-type: none;
  margin-left: 0px; }

.subnav ul {
  margin-bottom: 0px; }

.subnav a,
.subnav a:hover {
  font-family: NeuzeitOfficeW01-Regula, Open Sans, Helvetica, sans-serif;
  font-weight: normal;
  color: #58aeff; }

.subnav li:hover,
.subnav .selected {
  list-style-type: circle; }

.subnav .selected,
.subnav .selected a,
.subnav .selected a:hover {
  color: #f15a24; }

/* Case studies ------------------------------------------------------------- */
h1.case {
  font-family: "Neuzeit Office W01 Bold", Open Sans, Helvetica, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0;
  line-height: 1em;
  letter-spacing: 1px;
  padding-left: 6px; }

.case .quote {
  font-size: 24px;
  line-height: 30px;
  color: #ffad00;
  text-align: left;
  margin-bottom: 16px; }

/* Home --------------------------------------------------------------------- */
.home header .b {
  overflow: auto; }

.home .iphone {
  height: 530px;
  width: 708px;
  position: absolute;
  background: transparent url(../img/iphone.png) no-repeat center center;
  background-size: auto 100%;
  margin-top: -20px; }
  @media all and (max-width: 1999px) {
    .home .iphone {
      width: 500px; } }
  @media all and (max-width: 1119px) {
    .home .iphone {
      width: 390px;
      height: 450px; } }
  @media all and (max-width: 899px) {
    .home .iphone {
      width: 300px;
      height: 425px; } }
  @media all and (max-width: 768px) {
    .home .iphone {
      width: auto; } }

.health .iphone, .nonprofit .iphone {
  height: 530px;
  width: 708px;
  position: absolute;
  background: transparent url(../img/health-phone.png) no-repeat center center;
  background-size: auto 100%;
  margin-top: -20px; }
  @media all and (max-width: 1999px) {
    .health .iphone, .nonprofit .iphone {
      width: 500px; } }
  @media all and (max-width: 1119px) {
    .health .iphone, .nonprofit .iphone {
      width: 390px;
      height: 450px; } }
  @media all and (max-width: 899px) {
    .health .iphone, .nonprofit .iphone {
      width: 300px;
      height: 425px; } }
  @media all and (max-width: 768px) {
    .health .iphone, .nonprofit .iphone {
      width: auto; } }

.nonprofit .iphone {
  background: transparent url(../img/nonprofit-phone.png) no-repeat center center;
  background-size: auto 100%; }

.health .body.iphone {
  position: static; }

.health .collection {
  height: 530px;
  width: 708px;
  left: -50px;
  position: relative;
  background: transparent url(../img/data-collection.png) no-repeat center center;
  background-size: auto 60%;
  margin-top: -20px; }
  @media all and (max-width: 1999px) {
    .health .collection {
      width: 500px;
      left: -50px; } }
  @media all and (max-width: 1119px) {
    .health .collection {
      width: 390px;
      height: 450px;
      left: -45px; } }
  @media all and (max-width: 899px) {
    .health .collection {
      width: 300px;
      height: 425px;
      left: -22px;
      background-size: auto 60%; } }
  @media all and (max-width: 768px) {
    .health .collection {
      width: auto;
      left: -55px;
      background-size: auto 80%; } }

.nonprofit .collection {
  background: transparent url(../img/nonprofit-collection.png) no-repeat center center;
  background-size: contain;
  left: 0px;
  width: 708px;
  height: 516px;
  position: relative; }
  @media all and (max-width: 1999px) {
    .nonprofit .collection {
      width: 500px;
      height: 364px; } }
  @media all and (max-width: 1119px) {
    .nonprofit .collection {
      width: 390px;
      height: 429px;
      left: 15px; } }
  @media all and (max-width: 899px) {
    .nonprofit .collection {
      width: 300px;
      height: 452px;
      left: 5px; } }
  @media all and (max-width: 768px) {
    .nonprofit .collection {
      width: auto;
      height: 400px; } }

.health .dashboard {
  height: 330px;
  width: 708px;
  margin: -20px auto 0px auto;
  position: static;
  background: transparent url(../img/dashboard.png) no-repeat center center;
  /*
  background-size: auto 60%;
  */
  background-size: contain; }
  @media all and (max-width: 1999px) {
    .health .dashboard {
      width: 500px; } }
  @media all and (max-width: 1119px) {
    .health .dashboard {
      width: 390px;
      height: 450px; } }
  @media all and (max-width: 899px) {
    .health .dashboard {
      width: 300px;
      height: 425px;
      background-size: auto 60%; } }
  @media all and (max-width: 768px) {
    .health .dashboard {
      width: auto;
      background-size: auto 80%; } }

.nonprofit .step {
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  /*
  min-height: 400px;
  margin-bottom: 20px;
  */
  height: 700px;
  width: 700px;
  padding-top: 0px; }
  @media all and (max-width: 1999px) {
    .nonprofit .step {
      width: 500px;
      height: 500px; } }
  @media all and (max-width: 1119px) {
    .nonprofit .step {
      width: 400px;
      height: 400px; } }
  @media all and (max-width: 899px) {
    .nonprofit .step {
      width: 300px;
      height: 300px; } }
  @media all and (max-width: 768px) {
    .nonprofit .step {
      width: auto; } }

.nonprofit .step1 {
  background-image: url(../img/step1.png); }

.nonprofit .step2 {
  background-image: url(../img/step2.png); }

.nonprofit .step3 {
  background-image: url(../img/step3.png); }

.nonprofit .step4 {
  background-image: url(../img/step4.png); }

.home .graphs {
  clear: both;
  background: transparent url(../img/graphs.svg) no-repeat center bottom;
  background-size: 80%;
  padding-bottom: 28%; }

/* Factoids ----------------------------------------------------------------- */
.factoid {
  font-size: 36px;
  margin-bottom: 50px;
  color: #f15a24; }

.factoid .number {
  font-size: 150px;
  line-height: 1em;
  display: block; }

.factoid.orange {
  color: #ffad00; }

.factoid.blue {
  color: #58aeff; }

hr.pointer {
  border: 0px none;
  border-top: 6px solid #f15a24;
  position: relative;
  top: 100px;
  left: 8em;
  z-index: 100;
  width: 60%; }
  @media all and (max-width: 768px) {
    hr.pointer {
      width: 100%;
      top: 0;
      left: 0; } }

.blue hr.pointer {
  border-color: #58aeff; }

/* Header ------------------------------------------------------------------- */
header .in {
  overflow: visible; }

header .logo {
  margin-bottom: 0; }

header .logo a,
footer .logo a {
  position: relative;
  z-index: 100;
  left: -53px;
  display: inline-block;
  height: 112px;
  width: 281px;
  background: transparent url(../img/logo.png) no-repeat left center;
  background-size: auto 112px;
  text-indent: -99999px; }
  @media all and (max-width: 768px) {
    header .logo a,
    footer .logo a {
      left: -20px; } }

/* Handle the retina logo */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dppx) {
  header .logo a {
    background: url("../img/logo@2x.png") no-repeat top left;
    background-size: auto 112px; } }
.dots .logo a {
  background-color: white; }

header .spacer {
  height: 100px; }
  @media all and (max-width: 768px) {
    header .spacer {
      height: 0; } }

/* Signup link -------------------------------------------------------------- */
.signup,
.signup:hover {
  font-family: "Neuzeit Office W01 Bold", Open Sans, Helvetica, sans-serif;
  font-size: 40px;
  line-height: 70px;
  background: #ffad00;
  color: #fff;
  display: block;
  margin-top: 375px;
  margin-bottom: 115px;
  padding: 0 20px; }

.b .signup {
  display: none; }

@media all and (max-width: 768px) {
  .a .signup {
    display: none !important; }

  .b .signup {
    font-size: 32px;
    line-height: 60px;
    display: block;
    margin: 0 50px 0 0; } }
/* Footer ------------------------------------------------------------------- */
footer .in {
  overflow: visible;
  padding-top: 0; }

footer .logo {
  float: left; }
  @media all and (max-width: 1119px) {
    footer .logo {
      margin-bottom: 0; } }

footer nav {
  float: right;
  text-align: right;
  margin-bottom: 2em;
  margin-top: 35px; }
  @media all and (max-width: 1119px) {
    footer nav {
      margin-top: 0;
      text-align: left;
      float: left; } }

@media all and (max-width: 768px) {
  footer .logo,
  footer nav {
    margin-top: 0;
    float: none;
    text-align: left; } }

footer nav a,
footer nav a:hover {
  font-family: NeuzeitOfficeW01-Regula, Open Sans, Helvetica, sans-serif;
  font-weight: normal;
  color: #b7aba5; }
  @media all and (max-width: 768px) {
    footer nav a,
    footer nav a:hover {
      line-height: 44px; } }

footer nav a:hover {
  color: #58aeff;
  border: 0px none; }

footer .social {
  padding-left: 40px; }
  @media all and (max-width: 768px) {
    footer .social {
      padding: 0; } }

footer .social a:last-child {
  margin-right: 0; }

/* Featured-in/Accolades ---------------------------------------------------- */
.featured {
  padding-top: 50px;
  text-align: center;
  overflow: auto;
  padding-bottom: 50px; }
  @media all and (max-width: 768px) {
    .featured {
      white-space: nowrap;
      overflow-y: hidden;
      overflow: scroll;
      height: 200px; } }

.featured-item {
  display: inline-block;
  width: 42%;
  float: left;
  height: 150px;
  margin: 10px 4%;
  font-size: 17px; }
  @media all and (max-width: 768px) {
    .featured-item {
      height: auto;
      width: 200px;
      *display: inline;
      /* For IE7*/
      *zoom: 1;
      /* For IE7*/
      float: none;
      white-space: normal; } }

.featured-item a {
  display: block;
  text-align: center; }

.featured-item .quote {
  text-align: center;
  padding-bottom: 15px; }

#psfk img {
  max-height: 148px; }

#bestapps img {
  max-height: 40px; }

/* Partners------------------------------------------------------------------ */
.partners {
  text-align: center; }

.partner-item {
  display: inline-block;
  padding: 10px 17px 0 17px;
  height: 70px; }

.partner-list .partner-item {
  display: block;
  height: 70px;
  margin: auto;
  padding: 0px; }

.partner-list .partner-item.big {
  height: 120px; }

.partner-list img.partner-logo {
  display: block;
  max-width: 500px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px; }

.partner-list .big img.partner-logo {
  height: 100px; }

.partner-list .partner-item a {
  display: block; }

.partners :first-child {
  padding-left: 0; }
.partners :last-child {
  padding-right: 0; }

img.partner-logo {
  display: inline-block;
  max-width: 300px;
  min-width: 40px;
  height: 50px; }

#houston {
  height: 70px; }

#uchicago {
  height: 30px;
  padding-bottom: 20px; }

#mapc {
  height: 50px;
  padding-bottom: 10px; }

#harvard {
  height: 30px;
  padding-bottom: 20px; }

#placeeconomics {
  height: 40px;
  padding-bottom: 15px; }

#wayne {
  height: 30px;
  padding-bottom: 15px; }

#detroit {
  height: 70px; }

/* Partners------------------------------------------------------------------ */
.press-box {
  overflow: auto;
  padding-bottom: 50px; }
  @media all and (max-width: 768px) {
    .press-box {
      white-space: nowrap;
      overflow-y: hidden;
      overflow: scroll;
      height: 200px; } }

.press-item {
  float: left;
  display: inline-block;
  height: 150px;
  margin: 10px 4%;
  width: 25%;
  font-size: 17px; }
  @media all and (max-width: 768px) {
    .press-item {
      height: auto;
      width: 200px;
      *display: inline;
      /* For IE7*/
      *zoom: 1;
      /* For IE7*/
      float: none;
      white-space: normal; } }

.press-item a {
  display: block;
  text-align: center; }

.press-item .quote {
  text-align: center;
  padding-bottom: 15px; }

img.press-logo {
  bottom: 0;
  display: block;
  margin: auto auto 10px auto;
  text-align: center;
  height: 80px; }
  @media all and (max-width: 768px) {
    img.press-logo {
      max-width: 150px;
      height: auto; } }

#fastco {
  height: 80px; }

#ddj {
  height: 70px;
  padding-top: 5px; }

#nieman {
  height: 14px;
  padding-top: 33px; }

#directions {
  height: 40px;
  padding-top: 20px; }

#planetizen {
  height: 40px;
  padding-top: 20px; }

#strata {
  height: 80px;
  padding-top: 0px; }

/* Pricing ------------------------------------------------------------------ */
.price-box {
  overflow: auto;
  padding-bottom: 50px; }
  @media all and (max-width: 768px) {
    .price-box {
      white-space: nowrap; } }

.price-item {
  position: relative;
  float: left;
  display: inline-block;
  margin: 10px 9% 30px 0px;
  width: 300px;
  /*
  height: 565px;
  */
  /*
  width: 20%;
  margin: 10px 4% 10px 0px;
  width: 25%;
  */
  font-size: 17px; }
  @media all and (max-width: 768px) {
    .price-item {
      position: static;
      height: auto;
      width: 80%;
      display: block;
      margin: 20px 4%;
      *display: inline;
      /* For IE7*/
      *zoom: 1;
      /* For IE7*/
      float: none;
      white-space: normal; } }

.price-title {
  font-size: 20px;
  font-family: "Neuzeit Office W01 Bold", Open Sans, Helvetica, sans-serif;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-color: #ffad00;
  margin-bottom: 10px; }

.price-item .number {
  font-size: 32px;
  font-family: "Neuzeit Office W01 Bold", Open Sans, Helvetica, sans-serif;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 15px; }

.price-item .time {
  font-size: 15px;
  display: inline; }

.price-main {
  height: 155px; }

.price-more {
  height: 480px;
  display: none;
  position: relative; }

.price-more li {
  font-size: 15px; }

.price-more p {
  position: absolute;
  bottom: 0px;
  margin-bottom: 0px; }

.price-more.short {
  height: 360px; }

.price-less-link {
  display: none; }

.signup-button {
  /*
  position: absolute;
  */
  bottom: 0px;
  display: block;
  margin-top: 1em;
  cursor: pointer;
  border: 6px solid #58aeff;
  font-family: "Neuzeit Office W01 Bold", Open Sans, Helvetica, sans-serif;
  height: auto;
  width: 120px;
  background: #58aeff;
  color: #fff;
  font-size: 20px;
  text-align: center;
  letter-spacing: -1px;
  line-height: 62px; }
  @media all and (max-width: 768px) {
    .signup-button {
      position: static; } }

.signup-button:hover {
  background: #daedff;
  color: #58aeff; }

.signup-button.signup-enterprise {
  border-color: #ffad00;
  background: #ffad00; }

.signup-button.signup-enterprise:hover {
  background: #ffedc7;
  color: #ffad00; }

.health .callout {
  display: inline-block;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "Neuzeit Office W01 Bold", Open Sans, Helvetica, sans-serif;
  color: #58aeff; }

/* Signup ------------------------------------------------------------------- */
form label {
  font-size: 16px;
  line-height: 20px; }

form .question {
  font-family: "Neuzeit Office W01 Bold", Open Sans, Helvetica, sans-serif; }

form input {
  font-family: NeuzeitOfficeW01-Regula, Open Sans, Helvetica, sans-serif; }

form input[type=text] {
  display: block;
  font-size: 16px;
  border: 4px solid #ccc;
  line-height: 24px;
  padding: 0px 8px;
  margin-bottom: 1.5em; }

form input[type=text].missing {
  border: 4px solid #ffad00; }

form input[type=submit] {
  margin-top: 1em;
  cursor: pointer;
  border: 6px solid #58aeff;
  font-family: NeuzeitOfficeW01-Regula, Open Sans, Helvetica, sans-serif;
  background: #fff;
  width: auto;
  height: auto;
  line-height: 2em; }

.pair {
  overflow: auto; }

.pair .single {
  width: 49%;
  float: left; }
  @media all and (max-width: 768px) {
    .pair .single {
      float: none; } }

form p {
  margin-top: 1em;
  margin-bottom: 0; }

#req-message {
  display: none; }

form .hidden {
  display: none; }

/* Team --------------------------------------------------------------------- */
.team {
  overflow: auto; }

.team p {
  margin-bottom: 2em; }

.team img {
  float: left;
  margin-right: 20px;
  display: inline-block; }

/* Photo attribution -------------------------------------------------------- */
.attrib {
  font-size: 11px; }

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