@media screen and (min-width: 581px) and (max-width: 768px) {
  #header .region-header {
    width: auto;
  }
  #header .region-user-bar {
    margin-top: 0;
  }
  #header .region-header .block-system-menu-blockmain {
    margin-top: 0;
  }
  #header .region-header .block-system-branding-block {
    padding: 0 0 0 10px;
  }
  #header .region-menu-bar .menu--main {
    margin-top: 0;
  }
  .flex.flex-item-32 .v-content .v-row {
    flex: 0 1 100%;
  }
  footer .region {
    display: flex !important;
  }
  .page-node-type-article article.node {
    padding: 0 10px;
  }
  .view-ajankohtaista,
  .view-taxonomy {
    padding: 0 10px 20px 10px;
  }
}
