/*
 * Mobile styles & Breakpoints
 * By Funkhaus - 2016
 * www.funkhaus.us
 *
 * @see https://www.emailonacid.com/blog/article/email-development/emailology_media_queries_demystified_min-width_and_max-width
 * (min-width: 1800px) == Greater than or equal to 1800px
 * (max-width: 750px) == Less than or equal to 750px
 *
 */

/*
 * Breakpoints
 */
/* Cinema Display and larger */
@media (min-width: 1800px) {
}

@media (max-width: 1100px) {
  .section-focus ul {
    column-count: 3;
    column-width: 33.33%;
  }
}

/* Smaller than tablet */
@media (max-width: 750px) {
  /* Global */
  body {
    font-size: 14px;
  }
  .banner {
    padding-left: 30px;
    padding-right: 30px;
  }

  /* Sections */
  .section-banner {
    font-size: 30px;
  }
  .section-statement {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 24px;
  }

  .section-focus {
    font-size: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .section-focus .banner {
  	height: auto;
    min-height: unset;
  }
  .section-focus .title {
    font-size: 60px;
  }
  .section-focus ul {
    column-count: 2;
    column-width: 100%;
    margin: 30px auto;
    padding: 0;
  }

  .section-support {
    margin: 50px 0 20px 0;
    padding: 0;
  }
  .section-support .section-title {
    font-size: 60px;
  }
  .section-support .block {
    width: 50%;
  }

  .footer {
    padding: 0 20px;
  }
}