.form-container {
    /* border: 1px solid #ddd; */
    border:none;
    padding: 24px;
  }
  
  .form-container h1 {
    text-align: left;
    margin-bottom: 48px;
  }

  nav .logo {
    padding-left: 1rem;
    padding-right: 1rem;
    height: 2.5rem;
  }

  @media only screen and (max-width: 992px) {
    nav .logo {
      padding-left: .8rem;
      padding-right: .8rem;  
      height: 2.25rem;
    }
  }

/* Transactions */  
  .refresh-button-container {
    margin-bottom: 20px;
  }
  
  #data-container {
    max-width: 1200px;
    display: grid;
    gap: 1rem;
  }

  @media (min-width: 601px) and (max-width: 992px) {
    #data-container { grid-template-columns: repeat(2, 1fr); }
  }
  @media (min-width: 993px) {
    #data-container { grid-template-columns: repeat(3, 1fr); }
  }
  
  .value-right {
    float: right;
  }

  .card-footer {
    padding-top: 0.5em;
  }