form {
    margin:auto auto;
}
h1 {
    margin: auto auto;
}
footer {
    margin: auto auto;
}

html {
    min-height: 100%;
    /* display: table; */
    width: 100%;
  }
  body {
    color: #444;
    font-family: sans-serif;
    font-size:19px;
    line-height: 1.6;
    background:#eee;
    margin: 0;
    padding: 0;
    min-height: 100%;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: space-between;
    /* display: table-cell; */
  }
  main {
    margin: 1rem auto;
    max-width: 768px;
    margin-top: 6em;
  }
  header {
    list-style-type: none;
    /* float: left; */
    width: 100%;
    background-color: grey;
    /* border-radius:20px; */
    padding: 20px;
    box-sizing: border-box;
  }
  header .left {
    float: left;
    padding: 0px 8px;
    margin: 0;
    line-height: 1;
  }
  
  .cta-nav {
    float: right;
    padding: 12px 14px;
    margin: 0;
  }
  nav ul {
    list-style-type:none;
  }
  
  nav li {
    margin-left: 0px;
    display: inline;
    padding: 12px 14px;
  }
  nav a {
    color: inherit;
  }
  
  
  .afterword {
    list-style-type: none;
    display: inline;
  }
  
  
  a {
    color: #00e;
    text-decoration: none;
  }
  main {
    display:grid;
  }
  #pricetable, #onlyprices {
    width:1650px;
    display:flex;
    align-content:center;
    /* align-items:center; */
    /* justify-self:center; */
    flex-direction:row;
    margin-left:-26%;
    margin-right:-25%;
  }
  #onlyprices {
    width:1325px;
    margin-left:-16%;
  }
  
  .plan{
    /* flex: 24%; */
    margin:7px;
    padding:15px;
    border:#444;
    border-style:solid;
    border-radius: 15px;
    border-width: 1px;
  }
  .plan > h2 {
    background-color:#d9d9f5;
    padding:5px;
    text-align:center;
    border-radius:10px;
  }
  .plan-pitch{
    height: 95px;
  }
  .plan-piece{
    min-height: 125px;
    padding-bottom:20px;
  }
  .plan-piece-large{
    min-height: 320px;
  }
  @media only screen and (max-width: 1650px) {
    #pricetable, #onlyprices {
      display:flex;
      /* align-items:center; */
      /* justify-self:center; */
      flex-direction:column;
      width:unset;
      margin-left:unset;
      margin-right:unset;
    }
    .plan{
      /* flex: 24%; */
      margin:7px;
      padding:15px;
      border:#444;
      border-style:solid;
      border-radius: 15px;
      border-width: 1px;
    }
    .plan-pitch{
      height: unset;
    }
    .plan-piece{
      min-height: unset;
      padding-bottom:unset;
    }
    .plan-piece-large{
      min-height: unset;
    }
  }
    
  
  
  
  
  .right{
    float: right;
  }
  footer {
    border-top: 1px solid #222;
    margin-top: 1rem;
    max-width: 768px;
    margin: 1rem auto;
    padding-top:10px;
    /* position: absolute;
    left:0 ;
    right:0;
    bottom:0 */
    /* text-align: center; */
  
  }
  .afterword ul {
    list-style:none;
  }
  .afterword li {
    display: inline-block; /* inline */
    width: 23%;
    margin: 0px;
    padding: 3px;
    /* padding: 20px; */
  }
  .site_logo {
    width: 64px;
    float:left;
    margin-top:-10px; /*14px*/
    margin-right:10px;
  }
  .bivouac-slogan-container {
    float: right;
    width: 400px;
  }
  .bivouac-slogan-container > h2 {
    position:right;
    color: #05db00;
    padding: 0px;
    margin-bottom:0px;
    line-height: .4;
  }
  .bivouac-slogan-container > img {
    float:left;
    color: #05db00;
    margin-left:10px;
    margin-right:10px;
  }
  
  .mascot-slogan-container {
    float: right;
    width: 400px;
  }
  
  
  /* 440px - 1100 px awkward */
  
  @media only screen and (max-width: 1100px) {
    nav ul {
      clear:both;
    }
    nav li {
      display: list-item;
      padding: 0px;
    }
    .cta-nav {
      float: none;
    }
    main {
      padding: 1em;
      margin-top: 1em;
      width: 90%;
      word-break:normal;
    }
    footer {
      padding: 1em;
    }
    .afterword li {
      display: list-item;
      padding: 0px;
    }
    /* body, html, nav, main {
      width: 100%;
    } */
    table {
      /* overflow: scroll; */
      table-layout: fixed;
      min-width: 760px;
      width: 100%;
      /* word-break:break-all; */
    }
    body, html {
      /* overflow-x:auto; */
      width: 100%;
      word-break:normal;
    }
    main {
      width: 90%;
    }
  
  
  
  }
  @view-transition {
    navigation: auto;
  }
  /* Old stuff going out */
  ::view-transition-old(main) {
    animation: fade 0.2s linear forwards;
  }
  
  /* New stuff coming in */
  ::view-transition-new(main) {
    animation: fade 0.3s linear reverse;
  }
  
  @keyframes fade {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  table, th, td {
    border: 1px solid;
    border-collapse:collapse;
    padding: 5px;
  }
  tr:nth-child(even) {background-color: #ddd;} 
  th {
    background-color: #aaa;
  }
  .humanmade {
    height:50px;
  }
  .fictional-ballot {
    width:100%;
  }
  main > p {
    max-width:inherit;
  }
  main > h1 {
    max-width:inherit;
  }
  
  input, select {
    border:2px #05db00 !important ;
  }
  
  input {
    vertical-align: middle;
    position:relative;
    bottom: .08em;
  }
  input, select {
    width:90%;
    box-sizing: border-box;
    border:2px #00e;
    border-radius:1px;
  }
  label {
    display:block;
  }
  input[type=checkbox] {
    width:3%;
  }
  .biginput {
    box-sizing: border-box;
    margin:5px;
    padding:20px;
    border-radius: 15px;
    width:90%;
  }
  input[type=submit]{
    font-size:1.4em;
  }
  .fitform {
    display: flex;
    flex-direction:column;
    max-width:inherit;
  }
  select {
    padding:20px 40px; 
    border-radius:5px;

  }