@media only screen {
    .breadcrumb.site-url, .site-qr {
      display: none;
    }
  }
  
  @media only print {
    .site-qr {
      float: right;
    }
    .site-qr img {
      width: 200px;
      height: auto;
    }
  }

  @media only screen and (max-width: 600px) {
    body {
      padding: 14px;
      font-size: 14pt;
      line-height: 1.4;
    }
  } 

  @media only screen and (min-width: 600px) {
    body {
      padding: 50px;
      margin: auto;
      max-width: 1000px;
      font-size: 14pt;
      line-height: 1.4;

    }

    body > h1, body > h2, body > img, body > .section {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  
  body {
    font-family: helvetica, sans-serif;
  }
  
  #footer, .footnote {
    font-size: 12pt;
  }

  input, textarea {
    width: 100%;
    font-size: 12pt;
  }
  
  textarea {
    height: 50px;
    font-family: monospace;
  }

  .action-section {
    padding: 5pt 0 10pt;
    margin: 14pt 0;
    background: #efefef;
  }
  
  #email-fields {
    display: flex;
    justify-content: space-between;
  }
  .e-field {
    width: 29%;
    background: blanchedalmond;
    padding: 10pt;
    position: relative;
  }
  
  .field-number {
  position: absolute;
  left: 50%;
  top: -10px;
  font-size: 20pt;
  font-weight: bold;
  display: none;
  } 
    
  #can_embed_form_inner h4,
  #can_embed_form_inner h2 {
    display: none;
  }
    
  #can_embed_form.can_float #form_col1,
  #can_embed_form.can_float #form_col2 {
    float: none !important;
    width: auto !important;
  }
  
  #mobile_opt_in_checkbox {
    position: relative !important;
  }
  
  #mobile_opt_in .controls .checkbox {
    display: flex;
    align-content: space-between;
    align-items: center;
    padding-left: 0;
  }
  
  #mobile_opt_in_checkbox {
    width: 5%;
  }
  
  .social-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* grid-template-rows: 1fr 1fr; */
    justify-content: space-evenly;
  }
  
  #share-section li {
    list-style: none;
    padding: 5pt 10pt;
  }
  
  #mail-section .copy-confirm {
    float: right;
  }
  
  .copy-confirm {
    display: none;
  }
  
  .copy-confirm, noscript {
    color: rgb(238, 0, 0);
    font-weight: bold;
  }
  
  .nobr {
    white-space: nowrap;
  }