@media only screen and (min-width: 0) {
  div#archive-notice {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 71px;
    background: #5fe0d3;
  }
  main.archived-content + footer#footer {
    padding-bottom: 70px;
  }

  div#archive-notice .notice-text {
    color: #00267e;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
    padding: 12px 16px;
  }

  /* Center Vertically */
  div#archive-notice .notice-container {
    position: relative;
    height: 100%;
  }
  div#archive-notice .notice-wrapper {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
  }
}