.grid-container {
  justify-items: center;
  display: grid;
  grid-template-columns: 1;
}

.flex-container {
  display: flex;
  justify-content: center;
  align-items: start;
  margin: auto;
}

@media (min-width: 0px) {
  .grid-container > * {
    width: 95%;
    padding: 0 0.75rem;
  }
  .offer-panel__title,
  .header__title {
    font-size: 1rem;
  }
  .flex-container {
    width: 95%;
  }
  .nav-menu {
    display: none;
  }
  .training {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 576px) {
  .offer-panel__title,
  .header__title {
    font-size: 1.5rem;
  }
  .offer-panel__description {
    flex-basis: 70%;
  }
  .offer-panel__contacts {
    flex-basis: 30%;
  }
}

@media (min-width: 992px) {
  .nav-menu {
    display: block;
    flex: 0 0 auto;
    width: 25%;
  }
  .training {
    flex: 0 0 auto;
    width: 75%;
  }
}

@media (min-width: 1200px) {
  .grid-container > * {
    max-width: 1045px;
  }
  .flex-container {
    max-width: 1140px;
  }
  .training {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
}

@media (min-width: 1400px) {
  .grid-container > * {
    max-width: 1210px;
  }
  .flex-container {
    max-width: 1320px;
  }
}
