html,
body {
    height: 100%;
}
body {
    font-family: Tahoma, Serif;
    font-weight: 400;
    line-height: 1.7;
    font-size: 16px;
    background:#AAAAFF;
    text-align: center;
    color:#000;
}
input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}
a {
    color: #ff0000;
    text-decoration: none;
    outline: none;
    -webkit-backface-visibility: hidden;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}
img {
  max-width: 100%;
  height: auto;
}
.tresc{
  padding:30px;
}
.content {
  width: 100%;
  max-width: 1200px; /* Maksymalna szerokość kolumny */
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box; /* Zapobiega dodawaniu paddingu do szerokości kolumny */
  background-color: #fff;


  /* Dodaj dodatkowe style w zależności od potrzeb */
}

/* Dostosowanie na wąskie ekrany */
@media screen and (max-width: 600px) {
  .content {
    padding: 10px;
  }
}

/* Dostosowanie na ekrany o szerokości od 601px do 900px */
@media screen and (min-width: 601px) and (max-width: 900px) {
  .content {
    font-size: 16px;
  }
}
.menu {
  background-color: #333; /* Kolor tła menu */
  padding: 10px; /* Wewnętrzne odstępy menu */
}

.menu ul {
  list-style: none; /* Usunięcie domyślnego punktu listy */
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap; /* Zawijanie elementów na wąskich ekranach */
}

.menu li {
  display: inline-block; /* Ustawienie elementów listy w jednym rzędzie */
}

.menu li:last-child {
  margin-right: 0; /* Wyzerowanie marginesu ostatniego elementu, aby uniknąć nadmiarowej przestrzeni */
}

.menu a {
  text-decoration: none;
  color: #fff; /* Kolor tekstu w menu */
  padding: 8px 12px;
  display: block; /* Ustawienie na pełną szerokość wąskich ekranów */
  width: 100%; /* Ustawienie na pełną szerokość wąskich ekranów */
  box-sizing: border-box; /* Łączenie paddingu z szerokością elementu */
}

.menu a:hover {
  background-color: #555; /* Kolor tła po najechaniu myszką */
}
img[src="https://rart.pro/reklama.webp"] {
    display: inline-block !important;
    width:100%;
}