body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
  }
  
  h1, h2 {
    color: #333;
  }
  
  a {
    color: #008CBA;
    text-decoration: none;
  }
  
  @media (max-width: 767px) {
    .container {
      width: 100%;
    }
  }
  
  @media (min-width: 768px) {
    .container {
      width: 75%;
    }
  }
  
  @media (min-width: 992px) {
    .container {
      width: 970px;
    }
  }
  
  @media (min-width: 1200px) {
    .container {
      width: 1170px;
    }
  }
  
  @media (max-width: 575px) {
    .col-sm {
      width: 100%;
    }
  }
  
  @media (min-width: 576px) {
    .col-sm {
      width: 50%;
    }
  }
  
  @media (min-width: 768px) {
    .col-sm {
      width: 33.33%;
    }
  }