/* -*- coding: utf-8 -*- */

@media only screen and (max-width:600px) {

  body {
    min-width: 360px;
    width: 100vw;
  }

  .main-container-alt > *,
  .main-container > * {
    padding-left: 10px;
    padding-right: 10px;
    max-width: 100%;
  }

  #header .header-container {
    flex-direction: column;
    max-width: 100%;
  }

  #header .header-menu {
    flex-direction: column;
    max-width: 100%;
  }

  #our-promise .main-header .main-title {
    font-size: 24px;
    max-width: 100%;
  }

  #our-promise .promises {
    flex-direction: column;
  }

  #our-promise .promise {
    width: 100%;
  }

  #faq #main .main-container > * {
    padding-left: 10px;
    padding-right: 10px;
  }

  #index .main-header {
    padding-left: 0;
    padding-top: 0;
  }

  #index .main-title {
    text-align: center;
  }

  #index .choose .plans {
    flex-direction: column;
    max-width: 100%;
  }

  #index .choose .plan {
    max-width: 100%;
  }

  #index .happens .title {
    font-size: 32px;
  }

  #index .benefits {
    flex-direction: column;
  }

  #index .benefit {
    margin-top: 30px;
    width: 100%;
  }

  #index .devices-supported {
    max-width: 100%;
  }

  #affiliates .main-body {
    max-width: 100%;
  }

  #affiliates .contact-form #input-website,
  #affiliates .contact-form #input-email,
  #affiliates .contact-form #input-addr1,
  #affiliates .contact-form #input-addr2,
  #affiliates .contact-form #input-city,
  #affiliates .contact-form #input-district,
  #affiliates .contact-form #input-postal-code,
  #affiliates .contact-form #input-country,
  #affiliates .contact-form #input-phone {
    width: 340px;
  }

  #affiliates .contact-form .textarea-style {
    width: 340px;
  }

  .proofNotificationWrapper {
    display: none !important;
  }

  #unsub #main button {
    display: block;
    margin-left: 50px;
    margin-top: 10px;
  }

  #unsub #main .unsubscribed {
    display: block;
    padding-left: 50px;
    padding-top: 10px;
  }

  #terms-of-service .main-header,
  #privacy-policy .main-header {
    text-align: left;
  }

  #privacy-policy .date-stamps,
  #terms-of-service .date-stamps {
    flex-direction: column;
    padding: 0;
  }

  #terms-of-service .main-header .paragraph,
  #privacy-policy .main-header .paragraph {
    padding: 0;
  }

  #terms-of-service #main ol,
  #privacy-policy #main ol,
  #terms-of-service #main ul,
  #privacy-policy #main ul {
    padding-left: 10px;
  }

}