html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: Arial, sans-serif;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}

.header {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    z-index: 1000;
}

.header img {
  width: 100%; /* Змінено: зображення займає всю ширину */
  height: 300px; /* auto;  Змінено: автоматична висота, щоб зберегти пропорції */
  display: block; /* Щоб прибрати пробіли під зображенням */
}

.content {
  /* background-color: rgba(0, 0, 0, 0.5);  Прибираємо підложку */
  padding-top: 320px; /* Висота .header + додатковий простір */
  margin-top: 320px; /* Висота .header */
  padding: 20px 40px;
  border-radius: 12px;
  color: rgb(30, 34, 67); /* Задаємо колір тексту */
/*  position: fixed; /* relative; /* Щоб контент був над шапкою */
  max-width: 1080px; 
  z-index: 1; /* Щоб контент був над шапкою */
}

.content h1 {
  margin: 0 0 10px;
  font-size: 3rem;
}

.content p {
  margin: 5px 0;
  font-size: 2rem;
}

.content a {
  color: rgb(30, 34, 67); /* Задаємо колір посилань */
  font-size: 2rem;
}