.container {
    max-width: 1200px;
    margin: 0 auto;
  }
  
  .row {
    display: flex;
    flex-direction: row;
    /* margin-bottom: 1rem; */
  }
  
  .col {
    flex: 1 0 auto;
    padding: .25rem;
  }
  
  .col-1 {
    flex: 1 0 auto;
  }
  
  .col-2 {
    flex: 2 0 auto;
  }
  
  .col-3 {
    flex: 3 0 auto;
  }
  
  .col-4 {
    flex: 4 0 auto;
  }
  
  .col-5 {
    flex: 5 0 auto;
  }
  
  .col-6 {
    flex: 6 0 auto;
  }
  
  .col-7 {
    flex: 7 0 auto;
  }
  
  .col-8 {
    flex: 8 0 auto;
  }
  
  .col-9 {
    flex: 9 0 auto;
  }
  
  .col-10 {
    flex: 10 0 auto;
  }
  
  .col-11 {
    flex: 11 0 auto;
  }
  
  .col-12 {
    flex: 12 0 auto;
  }
  
  @media (max-width: 980px) {
    .container {
      max-width: 100%;
    }
  
    .row {
      flex-direction: column;
    }
  }
  
  @media (max-width: 576px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
      flex: 1 0 auto;
    }
  }