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

html {
  font-size: 16px;
}

.layout {
  padding: 0 30px;
}

}

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

.header {
  padding: 30px 0;
}

.posts__date {
  width: 100%;
  margin-bottom: 8px;
}

.header__nav__item--title {
  margin-right: 25px;
}

}