.header {
  height: 10em;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0 1em; }
  .header__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-family: "PT sans", sans-serif; }
  .header__left > *, .header__right > * {
    display: inline-block;
    vertical-align: middle; }
  .header__logo {
    width: 9.5em; }
  .header__desc {
    position: relative;
    text-transform: uppercase;
    margin-left: 1em;
    padding-left: 1.2em;
    width: 11em;
    color: #fff; }
    .header__desc:before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -1em;
      height: 2em;
      width: 1px;
      background-color: #035df9; }
  .header__phone {
    font-size: 1.2em; }
  .header__button {
    margin-left: 2.5em; }
  .header__politics {
    margin: 1em 0; }

footer.header * {
  color: #192028; }

footer .header__button {
  font-weight: 600; }
  footer .header__button:hover {
    color: #fff; }

@media (max-width: 768px) {
  .header__inner {
    justify-content: center;
    text-align: center; }
    .header__inner > * {
      flex: 0 0 100%; } }

@media (max-width: 420px) {
  .header {
    height: auto;
    margin-bottom: 1em; }
    .header__left > *, .header__right > * {
      display: block;
      margin: auto;
      margin-top: 1em; }
    .header__desc:before {
      display: none; } }