Ищем новое знание о России. Проект syg.ma и нового поколения исследующих

<br><br>&#127479;&#127482; &#8594; <a href="@sygma/chto-takoie-karta">Манифест</a> <a href="https://www.instagram.com/karta.now/">Инстаграм</a>

<script>
  var container = document.querySelector('.container');
  var div = document.createElement("div");
  div.innerHTML = '<img class="map-collection-bg desktop" src="/specials/karta/hor2.png" /><img class="map-collection-bg mobile" src="/specials/karta/ver2.png" />';
  if (!document.querySelector('.map-collection-bg')) container.prepend(div);
</script>

<style>
:root {--color-white:#D6E5EA}
.map-collection-bg {
  width: 100%;
}
.map-collection-bg.desktop {
  display: none;
  margin-top: -35px;
}
.map-collection-bg.mobile {
  margin-top: -76px;
}
.recommenders {
  display: none!important;
}

@media only screen and (min-width: 340px) {
  .map-collection-bg.mobile {
    margin-top: -96px;
  }
}

@media only screen and (min-width: 700px) {
  .map-collection-bg.mobile {
    margin-top: -196px;
  }
}

.collection-header>.row>.wrapper > p > a {
  text-decoration: underline;
}

@media only screen and (min-width: 1023px) {
  .collection-header>.row>.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: flex-end;

    max-width: 630px;
    text-align: right;
  }
  .collection-header .row {
    justify-content: flex-end;
  }
  .map-collection-bg.mobile {
    display: none;
  }
  .map-collection-bg.desktop {
    display: block;
    margin-top: -96px;
  }
  .collection-header {
    margin-top: -170px;
  }
}

@media only screen and (min-width: 1400px) {
  .collection-header {
    margin-top: -260px;
  }
}

body {
  background: #D6E5EA!important;
}

.post-repeat>.collection,
.collection-header .title,
.main-header.nav-fixed .main-header-wrapper .icon-menu,
.donate-button,
.pure-button {
  display: none!important;
}

.page .button {
  background: #D6E5EA!important;
}

.button:hover {
  background: #111!important;
}

.content {
  background: #D6E5EA!important;
}

.post-repeat h4 {
  margin-bottom: 10px!important;
}

.filter,
.banner-ga,
.social {
  display: none!important;
}

.main-header {
  background: transparent!important;
}

.main-header.nav-up {
  top: 0!important;
}

.main-header .main-header-wrapper {
  background: transparent!important;
  border: 0!important;
  height: 58px;
}

.main-footer,
.main-nav .wrapper ul,
.main-nav .wrapper .icon-search,
.main-nav .wrapper .icon-menu,
.user-nav {
  display: none!important;
}
</style>
