/* Reset CSS */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, figure, hr, fieldset, legend, textarea, input[type="search"], input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"], select, button, abbr {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  
  /* Bootstrap Box-Sizing */
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  
  /* Bootstrap Typography */
  h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: bold;
    line-height: 1.2;
    color: #333;
  }
  
  p {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #333;
  }
  
  /* Bootstrap Forms */
  input[type="checkbox"],
  input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    color: #333;
  }
  
  /* Bootstrap Buttons */
  button {
    border-radius: 0;
  }
  
  /* Bootstrap Utilities */
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
  
  /* Bootstrap Responsive Utilities */
  @media (min-width: 576px) {
    .container {
      max-width: 540px;
    }
  }
  
  @media (min-width: 768px) {
    .container {
      max-width: 720px;
    }
  }
  
  @media (min-width: 992px) {
    .container {
      max-width: 960px;
    }
  }
  
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px;
    }
  }