@media screen and (min-width: 581px) and (max-width: 768px) {
  html {
    font-size: 1em;
  }
  h1 {
    font-size: 2em;
  }
  h2 {
    font-size: 1.8em;
  }
  #header {
    width: 100%;
    z-index: 100;
  }
  #header #header-inner {
    width: 100%;
  }
  #header .region-header {
    width: 100%;
  }
  #header .site-name {
    font-size: 1.4em;
  }
  #header .region-menu-bar .menu--main {
    margin-top: 12px;
  }
  #header .region-menu-bar li a,
  #header .region-menu-bar li span,
  #header .region-menu-bar li span.nolink {
    font-size: 1em;
    padding: 10px 4px;
  }
  #header .region-menu-bar li ul.menu li a {
    padding: 5px 5px;
  }
  #header .region-mobile-header {
    float: right;
  }
  #header .region-user-bar {
    margin-top: 21px;
  }
  .nav-up {
    position: relative;
  }
  .nav-up #header-inner #block-socialicons,
  .nav-up .region-menu-bar #block-socialicons {
    margin-top: 5px;
  }
  .region-highlighted {
    display: block;
  }
  .region-highlighted .block-views {
    width: 100%;
    margin: 0;
    padding: 10px;
  }
  .region-highlighted .block-views h3 {
    font-size: 1.5em;
  }
  .region-highlighted .block-views:nth-child(1) {
    margin-right: 0;
    width: 100%;
  }
  .region-highlighted .block-views:nth-child(2) {
    margin-left: 0;
    width: 100%;
  }
  .region-highlighted .block-views:nth-child(2) .view-content {
    padding: 0;
  }
  .region-highlighted .block-views .view-content {
    padding: 0;
  }
  .region-similar {
    padding: 10px;
  }
  footer .region-footer {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
  }
  footer .region-footer .block {
    width: 50%;
  }
  footer .region-footer .block:nth-child(1),
  footer .region-footer .block:nth-child(2) {
    width: 50%;
  }
  .js-form-item input {
    width: 100%;
  }
  .p-50-20 {
    padding: 20px 0;
  }
  .p.p-w-28 .layout > .layout__region {
    flex: 0 1 100%;
  }
  .p.p-w-28 .v-content > .v-row {
    flex: 0 0 100%;
  }
  .p.p-w-28 .v-content > .v-row:nth-child(2) {
    flex: 0 0 100%;
  }
  .p.l-w-48 .layout > .layout__region,
  .p.l-w-28 .layout > .layout__region {
    flex: 0 0 100%;
  }
  .p.p-type-multiple-items .f--name-field-items {
    display: block;
  }
  .p.p-type-multiple-items .f--name-field-items .f-item {
    max-width: 100%;
  }
  .p-type-layout .layout--twocol-section > .layout__region--second {
    border-left: none;
    padding-left: 0;
  }
  .flex-item-18 .region .v-row,
  .flex-item-18 .v-content .v-row {
    flex: 0 0 48%;
  }
  .flex-item-20 .region .v-row,
  .flex-item-20 .v-content .v-row {
    flex: 0 0 48%;
  }
  .flex-item-23 .region .v-row,
  .flex-item-23 .v-content .v-row {
    flex: 0 0 48%;
  }
  .flex-item-25 .region .v-row,
  .flex-item-25 .v-content .v-row {
    flex: 0 0 48%;
  }
  .flex-item-28 .region .v-row,
  .flex-item-28 .v-content .v-row {
    flex: 0 0 48%;
  }
  .flex-item-30 .region .v-row,
  .flex-item-30 .v-content .v-row {
    flex: 0 0 48%;
  }
  .flex-item-33 .region .v-row,
  .flex-item-33 .v-content .v-row {
    flex: 0 0 48%;
  }
  .flex-item-46 .region .v-row,
  .flex-item-46 .v-content .v-row {
    flex: 0 0 48%;
  }
  .flex-item-48 .region .v-row,
  .flex-item-48 .v-content .v-row {
    flex: 0 0 48%;
  }
  .flex-item-50 .region .v-row,
  .flex-item-50 .v-content .v-row {
    flex: 0 0 48%;
  }
  .content .layout--twocol-section > .layout__region--second,
  .node__content .layout--twocol-section > .layout__region--second {
    border-left: none;
    padding-left: 0;
  }
}
/*# sourceMappingURL=responsive_tablet_portrait.css.map */