.header {
  width: 100%;
  padding: 20px 0;
  z-index: 10;
  background-color: #51a7f9;
  background: -webkit-linear-gradient(0deg, #10074a, #08042b);
  background: -o-linear-gradient(0deg, #10074a, #08042b);
  background: -moz-linear-gradient(0deg, #10074a, #08042b);
  background: linear-gradient(0deg, #10074a, #08042b);
}

/* .header {
    position: relative;
} */

.header div.container {
  width: fit-content;
  display: block;
  margin: auto;
}

@media (min-width: 768px) {
  .header {
    padding: 50px 0;
    padding: 2.273rem 0;
  }
}