@import 'variables.css';
 
.container-gutter-x {
  padding-left: var(--bs-gutter-x, 1.5rem); /* Use Bootstrap gutter variable */
  padding-right: var(--bs-gutter-x, 1.5rem);
}

@media (min-width: 576px) {
  .container-gutter-x {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 768px) {
  .container-gutter-x {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .container-gutter-x {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

    .container {
        max-width:90%;
    }