Не могу растянуть в css header и footer на весь экран, но оставить инфу основную по заданной ширене в пиксеях

.container .exploreit {
  display: flex;
  justify-content: left;
  align-items: center;
}

.container .cntc {
  display: flex;
  justify-content: right;
  align-items: center;
}

.container .cntc .ourcontacts {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin-right: 10px;
}

    <header class="container">
        <div class="exploreit">
            <span>ExploreIt - Изучай мир</span>
        </div>
        <div class="cntc">
            <ol class="ourcontacts">
                <il>Почта: <a href="mailto:[email protected]">[email protected]</a></il>
                <il>Тел: <a href="tel:+79166508005">+7-916-650-80-05</a></il>
            </ol>
            <button class="buttonheader"><a href="#tours">Выбрать тур</a></button>
        </div>
    </header>