@media screen and (max-width: 1680px) {

  body,
  input,
  select,
  textarea {
    font-size: 11pt;
  }
  .row > * {
    padding: 0 0 0 2em;
  }
  .row {
    margin: 0 0 -1px -2em;
  }
  .region-highlighted {
    padding-bottom: 16px;
  }
}

@media screen and (max-width: 1280px) {

  body,
  input,
  select,
  textarea {
    font-size: 11pt;
  }
  .row > * {
    padding: 0 0 0 1.5em;
  }
  .row {
    margin: 0 0 -1px -1.5em;
  }
  .container {
    width: 65em;
  }
  #banner {
    padding: 12em 0 10em 0;
  }

}

@media screen and (max-width: 980px) {

  body,
  input,
  select,
  textarea {
    font-size: 11pt;
  }
  .navigation nav li a {
    font-size: 11px;
    padding: 0 6px;
  }
  .row > * {
    padding: 0 0 0 1.2em;
  }
  .container {
    width: 90%;
  }
  .wrapper {
    padding: 3em 0 1em 0;
  }
  #header .logo {
    font-size: 1.25em;
    text-align: center;
  }
  #header nav a[href="#menu"] {
    font-size: 1.5em;
  }
  #header nav.left {
    left: 1em;
  }
  #header nav.right {
    display: none;
  }
  .flex {
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex.flex-3 .flex-item {
    -ms-flex-preferred-size: 100%;
    -moz-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .flex.flex-3 .flex-item.left {
    text-align: right;
  }
  #menu ul.actions {
    display: block;
  }
  #banner {
    padding: 8em 6em 6em 6em;
  }
  #banner br {
    display: none;
  }
  #banner h1 {
    font-size: 2.25em;
  }
  #footer {
    padding: 3em 0 1em 0;
  }
  #footer ul li {
    display: block;
    padding: .25em 0;
  }

}

@media screen and (max-width: 736px) {

  body,
  input,
  select,
  textarea {
    font-size: 11pt;
  }
  .row > * {
    padding: 0 0 0 1.25em;
  }
  .row {
    margin: 0 0 -1px -1.25em;
  }
  #menu .close {
    height: 4em;
    line-height: 4em;
  }
  #menu {
    padding: 2.5em 1.75em;
  }
  #banner {
    padding: 6em 4em 4em 4em;
  }
  #footer .copyright {
    padding: 2em 5em;
  }

}

@media screen and (max-width: 480px) {

  body,
  input,
  select,
  textarea {
    font-size: 12pt;
  }
  ul.actions {
    margin: 0 0 2em 0;
  }
  ul.actions li {
    padding: 1em 0 0 0;
    display: block;
    text-align: center;
    width: 100%;
  }
  ul.actions li:first-child {
    padding-top: 0;
  }
  ul.actions li > * {
    width: 100%;
    margin: 0 !important;
  }
  ul.actions li > *.icon:before {
    margin-left: -2em;
  }
  ul.actions.small li {
    padding: 0.5em 0 0 0;
  }
  ul.actions.small li:first-child {
    padding-top: 0;
  }
  .wrapper {
    padding: 2em 0 0.1em 0;
  }
  input[type="submit"],
  input[type="reset"],
  input[type="button"],
  button,
  .button {
    padding: 0;
  }
  .row > * {
    padding: 0 0 0 1.25em;
  }
  .row {
    margin: 0 0 -1px -1.25em;
  }
  header nav {
    display: none !important;
  }
  .container {
    width: 90% !important;
  }
  .view-frontpage .views-row,
  .view-taxonomy-term .views-row {
    width: 100%;
    margin: 0;
    margin-bottom: 25px;
  }
  .col9,
  .col8,
  .col7,
  .col6,
  .col5,
  .col4,
  .col3,
  .col2,
  .col1 {
    width: 100%;
  }
  header nav,
  .site-branding-slogan {
    display: none;
  }
  .row > * {
    padding: 0 0 0 20px;
  }
  .head-left {
    text-align: center;
    width: 100%;
  }
  .node.node--view-mode-full img {
    float: none;
    padding: 0;
  }
  p {
    word-wrap: break-word;
  }
  h1 {
    font-size: 1.2em;
    line-height: 1.2;
  }
  ul.breadcrumb li {
    font-size: inherit
  }
  .footer .social-links,
  .footer .copyright-block {
    text-align: center;
    float: none;
    padding-bottom: 10px;
  }
  .footer-copyright {
    float: none;
  }
  .foot {
    padding-bottom: 20px;
  }
  #menu-btn {
    display: block;
  }
  #header {
    min-width: 320px;
  }
  #banner {
    padding: 4em 2em 2em 2em;
  }
  #banner h1 {
    font-size: 2em;
  }
  #banner p {
    font-size: 1em;
  }
  #banner .button {
    font-size: .9em;
  }
  #footer {
    padding: 2em 0 0.1em 0;
  }
  #footer ul li {
    font-size: .9em;
  }
  #footer ul li .icon:before {
    margin-left: -1em;
  }
  #footer .copyright {
    padding: 2em 0;
  }
  html,
  body {
    min-width: 320px;
  }
  #main-content #content .views-row {
    width: 90% !important;
  }
  #logo .site-branding-slogan {
    display: none;
  }
  #navigation {
    display: none;
}

}