/*
  Global marketing site responsive rules
*/
/* SASS Global Variables */
/* Page Sizes */
/* Fonts */
/* Primary Blue Palette */
/* Light Grey Tones */
/* Dark Grey Tones */
/* Alternate Green Tones */
/* Activities */
/* Statuses */
/* Default Colors */
/* Backgrounds and borders */
/* Text Colors */
/* Text sizes */
/* Headings */
/* Place random variables below */
/*-------------------------------------------------------------------------*\
  AC SASS Mixins - Reference: http://sass-lang.com/guide
\*------------------------------------------------------------------------*/
/* Loader backgrounds */
/* Border */
/* Border Radius - All Sides */
/* Border Radius - Single Side */
/* Border Radius - Corners */
/* Opacity */
/* Alignment */
/* Flexbox Mixins - https://github.com/philipwalton/solved-by-flexbox */
/* Manipulation */
/* Stylize */
/* Animation */
/* Lists */
/* Utilities */
/* Small Desktop / Tablet */
@media screen and (max-width: 1024px) {
  section .container {
    padding: 80px 40px; }

  .section-head {
    width: 80% !important; } }
/* Small Tablet (Portrait) */
@media screen and (max-width: 980px) {
  /* Global Nav */
  .header .nav-global, .header .account {
    display: none; }

  .ac_header {
    position: fixed !important;
    top: 0;
    bottom: initial;
    left: 0;
    width: 100vw;
    z-index: 12; }

  #ac_header-nav {
    display: none; }

  .ac_header-wrap {
    padding-left: 0 !important; }
    .ac_header-wrap .head-logo {
      margin: 0; }

  /* Mmm hamburgers... */
  body .header .hamburger, body .ac_header-wrap .hamburger {
    display: block !important; }

  /* Typography */
  h1 {
    font-size: 30px; }

  h5 {
    font-size: 14px; }

  .text-size-xxlarge {
    font-size: 18px; }

  p.subheading {
    width: 100%;
    font-size: 16px; }

  /* Tabbed layouts */
  .tabs .tab img {
    width: 70px; }

  /* Images */
  img {
    margin: auto !important;
    max-width: 100% !important;
    height: auto; }

  /* Old Footer */
  .ac_footer#footer_large {
    display: none; }

  body .ac_footer#footer_mobile {
    display: block; }

  .ac_footer .ac_col {
    margin-left: 3% !important; }

  .ac_footer .footer-policies {
    float: none !important;
    text-align: center; } }
/* Phone Landscape */
@media screen and (max-width: 768px) {
  /* Main structure */
  main {
    min-height: calc(100% - 266px) !important; }

  section .wrapper {
    padding: 40px; }

  .section-head {
    width: 100% !important; }

  .ac_flex-col {
    text-align: center !important; }

  .container {
    padding-top: 60px;
    padding-bottom: 60px; }
    .container.nohero {
      padding-top: 100px !important; }

  .hero {
    padding: 10px 20px !important; }
    .hero.slant-double::after {
      border-width: 146px 100vw 0 0; }
    .hero.slant-double::before {
      border-width: 0 100vw 146px 0; }

  .ac_screenshot .ac_screenshot-header {
    padding: 5px 8px !important; }
    .ac_screenshot .ac_screenshot-header .dots > span {
      width: 8px !important;
      height: 8px !important;
      margin-right: 4px !important; }

  #section-lowupsell .ac_flex-col {
    text-align: left !important;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  #section-lowupsell .notify {
    position: relative;
    top: initial; }

  /* Typography */
  h1.super {
    font-size: 30px; }

  h1 {
    font-size: 28px; }

  h2 {
    font-size: 24px; }

  .text-size-xxlarge, .section-heading {
    font-size: 16px; }

  .text-size-xlarge {
    font-size: 15px; }

  .text-size-large {
    font-size: 14px; }

  /* Tabs */
  .tabs {
    display: none !important; }

  .mobile-tabs {
    display: block !important; } }
/* Small Phone Landscape */
@media screen and (max-width: 640px) {
  /* Structure */
  section .container {
    padding: 60px 20px; }

  /* Flexbox */
  .ac_flex-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100% !important; }

  .ac_flex-row.equal-height {
    display: initial; }

  /* Tabbed layouts */
  .tabs {
    flex-flow: row wrap;
    margin-bottom: -70px; }
    .tabs .tab {
      margin-bottom: 10px !important;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 20%;
      -moz-box-flex: 0;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      text-align: center; }
      .tabs .tab h5 {
        display: none; }
      .tabs .tab img {
        width: 50px; }
      .tabs .tab.current::after, .tabs .tab.current::before {
        bottom: -21px; }
      .tabs .tab.current::before {
        border-width: 21px;
        margin-left: -21px; }
      .tabs .tab.current::after {
        border-width: 20px;
        margin-left: -20px; }

  /* Main structure */
  section .wrapper {
    padding: 20px; }
    section .wrapper .section-head {
      width: 100%; }
  section.slant:before, section.slant:after {
    left: 0; }

  .header .logo img {
    width: 208px; }

  /* Typography */
  h1.super {
    font-size: 28px; }

  h1 {
    font-size: 24px; }

  h2 {
    font-size: 20px; }

  /* Tabbed features */
  .slides {
    min-height: auto !important; }
    .slides .container {
      padding-top: 20px !important;
      padding-bottom: 20px !important; }
    .slides .slide {
      padding: 20px !important; }
      .slides .slide h2 {
        text-align: center !important; }
      .slides .slide img {
        width: 90%;
        height: auto;
        margin-top: 40px; }
      .slides .slide .ac_flex-col:first-of-type {
        order: 1; }
      .slides .slide .text_right {
        text-align: center !important; } }
/* Straight up portrait son */
@media screen and (max-width: 420px) {
  /* Typography */
  h1.super {
    font-size: 24px; }

  h1 {
    font-size: 22px; }

  /* Mobile Nav */
  .nav-mobile {
    overflow-y: scroll; } }

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