body {
  margin: 0;
  font-family: Calibri, sans-serif;
  background-color: #ffffff;
}
.header {
  background-color: #4b6691; /* джинсовый цвет */
  padding: 10px 0;
  text-align: center;
}
.logo {
  color: #ffffff;
  font-family: Calibri Light;
  font-size: 24px;
}
.menu {
  list-style-type: none;
  padding: 0;
}
.menu li {
  display: inline;
  margin: 0 15px;
}
.menu a {
  color: #aaacb1; /* серый цвет */
  text-decoration: none;
  font-family: Calibri Light;
  transition: color 0.3s;
}
.menu a:hover {
  color: #ffffff; /* белый цвет */
}
.content {
  padding: 20px;
  text-align: center;
}
.films_block {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.posts {
  text-align: left;
  margin-top: 20px;
}
.posts h2 a {
  color: #6F7D94;
  text-decoration: none;
}
.posts_content {
  background-color: #f9f9f9;
  border-radius: 10px;
  padding: 10px;
  margin-top: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.menu a {
    text-decoration: none; /* убираем подчеркивание при наведении */
}
a{
    text-decoration: none;
}
.posts_content {
  background-color: #f9f9f9;
  border-radius: 10px;
  padding: 10px;
  margin-top: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.posts_content img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  margin-bottom: 10px;
}
.posts_content .button {
  background-color: #d8e4f9;
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
}
.posts_content .button:hover {
  background-color: #ffbb00;
}
.films_block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.posts {
  margin-top: 20px;
}
/* Расписание */
.content4 {
  text-align: center;
}
.schedule {
  border-collapse: collapse;
  background-color: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  margin: 20px auto;
}
.schedule th,
.schedule td {
  padding: 10px;
}
.but-sign {
  background-color: #d8e4f9;
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
}
.but-sign:hover {
  background-color: #ffbb00;
}
@media (min-width: 768px) {
  .schedule {
    width: 80%;
    max-width: 800px;
    margin: 20px auto;
  }
}

@media (min-width: 1024px) {
  .schedule {
    width: 60%;
    max-width: 1000px;
  }
}

@media (min-width: 1440px) {
  .schedule {
    width: 50%;
  }
}

.but-sign {
  width: 200px;
}

@media (max-width: 768px) {
  .but-sign {
    width: 150px;
  }
}
.footer {
  background-color: #4b6691; /* джинсовый цвет */
  color: #ffffff;
  padding: 10px 0;
  text-align: center;
}