body.archive #posts .grid__item #masthead {
  padding-right: 0px;
  margin-top: -50px;
}

body.archive #posts .grid__item article .entry-header h1 {
  font-weight: 400;
  color: #009ab2;
}

body.archive #posts .grid__item article .entry-media video {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

body.archive #posts {
  top: 50px;
}

body.archive .archive-desc > :last-child {
  margin-bottom: 50px;
}

body.archive .archive-viewall-button-wrap {
  margin-top: 50px;
  text-align: center;
}

body.archive .archive-viewall-button-wrap > a.archive-viewall-button {
  display: inline-block;
  color: #009ab2;
  background-color: transparent;
  border: 2px solid #009ab2;
  padding: 14px 150px;
  font-size: 20px;
  transition: all 0.4s;
  max-width: 100%;
  width: auto;
  font-weight: normal;
}

body.archive .archive-viewall-button-wrap > a.archive-viewall-button:hover {
  background-color: #009ab2;
  color: white;
}

body.archive .archive-viewall-button-wrap#polis-viewall > a.archive-viewall-button {
  color: #fab700;
  border: 2px solid #fab700;
}

body.archive .archive-viewall-button-wrap#polis-viewall > a.archive-viewall-button:hover {
  background-color: #fab700;
  color: white;
}

body.archive article:not(.has-post-thumbnail) .entry-header .entry-title a {
  color: white;
}

@media only screen and (max-width: 900px) {
  body.archive .archive-viewall-button-wrap > a.archive-viewall-button {
    display: inline-block;
    color: #009ab2;
    background-color: transparent;
    border: 2px solid #009ab2;
    padding: 14px 20px;
    font-size: 20px;
    transition: all 0.4s;
    max-width: 100%;
    width: auto;
    font-weight: normal;
  }

  body.archive #posts {
    padding-top: 50px;
  }
}
