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

}

/* ===[ Tablets ]=== */

@media (max-width: 768px) {
  select,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"] {
    width: 80%;
  }

  .ula-depth-1 {
    background: #333;
  }

  #main-menu .menu ul ul {
    max-width: inherit;
  }

  .header-grid {
    float: none;
    width: 100%;
  }

  .menu-navigation {
    position: fixed;
    right: 0;
    top: 58px;
    z-index: 200;
  }

  .menu-button {
    background: #E04604;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 32px;
    padding: 1em;
    position: fixed;
    right: 0;
    top: 0;
    width: 74px;
  }

  .flexnav .touch-button .navicon {
    top: 1.4em;
  }

  .flexnav .touch-button {
    height: 51px;
  }

  p.lead {
    font-size: 14px;
    line-height: 1.5em;
  }

  /* blog tags  */

  .not-front span.submitted {
    border: none;
  }

  .not-front span.submitted {
    height: 40px;
  }

  ul.field-items.tags-list {
    margin: 10px 0 0 0;
  }

  .blog-category {
    float: left;
    width: 100%;
  }

  .field-items.tags-list {
    float: left;
  }

  #branding-wrapper {
    text-align: left;
  }

  .grid-container.banner {
    margin: 0;
    padding: 0;
  }

  .grid-75.branding-grid {
    border-top: 1px solid #eaeaea;
  }

  .grid-25.logo-wrapper {
    height: 53px;
  }

  #logo-img {
    max-height: inherit;
    margin-top: inherit;
    margin-bottom: inherit;
  }
}

@media (min-width: 481px) {

  .comment .comment-text {
    width: 84%;
  }

  .comment .attribution {
    width: 16%;
  }

}

@media (max-width: 480px) {

  .grid-container {
    max-width: 460px;
  }

  .node-teaser .field-type-image {
    float: none;
    margin-left: 0;
  }

  figure {
    margin: 0 0 6px 0;
  }

  .node-teaser .field-type-image img {
    border: none;
    height: auto;
    width: 100%;
  }

  .field-type-taxonomy-term-reference span.field-label {
    display: block;
    float: none;
    margin-bottom: 6px;
  }

  .field-type-taxonomy-term-reference ul li {
    margin-bottom: 6px;
  }

  h2 {
    font-size: 2em;
    line-height: 1.3em;
  }

  .comment .attribution {
    margin-bottom: 10px;
    width: 95%;
  }

  .user-picture {
    float: left;
    width: 31%;
  }

  .comment-by-node-author .submitted,
  .comment .submitted {
    float: left;
    margin-left: 10px;
    width: 60%;
  }

  .comment {
    display: block;
  }

  .comment .attribution {
    display: block;
  }

  .comment .comment-text {
    padding: 8px;
    width: 90%;
    display: block;
  }

  .comment-arrow {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
  }

  .comment.comment-by-anonymous.clearfix {
    border-bottom: 1px solid #999;
    padding-bottom: 20px;
  }

  #comments .indented {
    margin-left: 36px;
  }

  h1 {
    font-size: 100%;
  }

}