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

Карта/Map

Maria Gavrilova on the of military-patriotic education in Russian schools

Why Patriotic Games do not Depend on Ideology

syg.ma team

Svetlana Erpyleva on how political maturity is forged in modern Russia

How Russian Teenagers Get Engaged in Politics

<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>
