@media screen and (min-width: 701px)
{
  .phone-only
  {
    display: none;
  }
}

@media screen and (max-width: 700px)
{
  .no-phone
  {
    display: none;
  }
  
  #distribute > header .container
  {
    padding-bottom: 60px;
  }  
    #distribute > header h2
    {
      font-size: 1.1em;
    }
    #distribute > header nav
    {
      left: 10px;
      text-align: right;
      padding: 10px;
      bottom: 10px;
      background-color: #fff;
      color: #000;
    }
      #distribute > header nav label
      {
        color: #3c88e4;
        font-size: 1.2em;
        padding-right: 0.5em;
      }
      #navJump
      {
        font-size: 1.5em;
      }
  
  #distribute > section form div
  {
    text-align: left;
  }
    #distribute > section form div > label,
    #distribute > section form fieldset.radio legend
    {
      float: none;
      margin: 0;
      display: block;
      width: 100%;
      text-align: left;
      padding: 1em 0 0.5em 0;
    }
    #distribute > section form div > input,
    #distribute > section form div > select
    {
      margin: 0;
      width: 90%;
    }
    #distribute > section form div.center a
    {
      position: relative;
      top: auto;
      float: right;
    }
  
  #distribute > footer 
  {
    border-bottom: 0;
    border-radius: 0;
  }
  
  #distribute > footer nav
  {
    float: none;
    clear: both;
    padding: 1em 0 0 0;
  }
    #distribute > footer nav a
    {
      padding: 0;
    }
  
  #distribute ul.col2 li,
  #distribute ul.col2 li:nth-child(even)
  {
    display: block;
    float: none;
    width: 99%;
  }
}