h1 {
  color: #000;
}

body,
.announce,
.footer,
.likes,
.credits,
.task,
.task__date {
  background: #000;
  color: #fff;
}

.task {
  background: #505050;
}
.task__date {
  background: linear-gradient(to top, #505050, #383838);
}

.credits {
  background: #242527;
}

.announce__picture-note {
  color: #fff;
}

.wide {
  overflow: hidden;
  margin-left: 0;
  margin-right: 0;
}

.wide img {
  max-width: none;
  width: 130%;
  margin-left: -15%;
}

.main-cover {
  background: url(kitfort-cover-6.jpg) 50% 0 / 100% auto;
}

@media(max-width: 980px) {
  .main-cover {
    background-size: cover;
  }
}

@media(min-width: 850px) {
  .wide img {
    width: 100%;
    margin: 0;
  }
}


.switch.active {
  background: #000;
  color: #fff;
  padding: 0 .2em;
}

.footer-img {
  overflow: hidden;
  margin: 3em 0 0;
  /*background: #0c1011;*/
}

.footer-img img {
  max-width: initial;
  height: auto;
  width: 1100px;
  margin-left: 50%;
  transform: translateX(-50%);
}

@media(max-width: 1199px) {
  .footer-img img {
    width: 100%;
  }
}

@media(max-width: 880px) {
  .footer-img img {
    width: 160%;
  }
}