@media screen and (min-width: 321px) and (max-width: 580px) {
  #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;
  }
  .flex.flex-item-32 .v-content .v-row {
    flex: 0 1 100%;
  }
  footer .region {
    display: flex !important;
    flex-wrap: wrap;
  }
  footer .region .block {
    width: 100%;
  }
  article .p-10 {
    padding: 10px;
  }
  article .p-20 {
    padding: 10px;
  }
  article .p-30 {
    padding: 10px;
  }
  article .p-40 {
    padding: 10px;
  }
  article .p-50 {
    padding: 10px;
  }
  article .p-60 {
    padding: 10px;
  }
  article .p-70 {
    padding: 10px;
  }
  article .p-80 {
    padding: 10px;
  }
  .p-type-contact-form input[type="email"],
  .p-type-contact-form input[type="text"] {
    width: 100% !important;
  }
  article p a {
    word-break: break-all;
  }
  .page-node-type-article article.node {
    padding: 0 10px;
  }
  .view-ajankohtaista,
  .view-taxonomy {
    padding: 0 10px 20px 10px;
  }
}