.content-service-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: -30px 0 36px;
}

.content-service-nav a {
  padding: 8px 12px;
  border: 1px solid #cfe1e9;
  border-radius: 999px;
  background: #fff;
  color: #1476a2;
  text-decoration: none;
  font-size: 11px;
  font-weight: 800;
}

.content-service-nav a:hover {
  border-color: #65b4d5;
  background: #edf8fc;
}

.content-sections {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

@media (max-width: 780px) {
  .content-header nav a:first-child {
    display: none;
  }

  .content-service-nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-top: -18px;
    padding-bottom: 5px;
  }

  .content-service-nav a {
    flex: 0 0 auto;
  }
}

@media (max-width: 420px) {
  .content-header {
    padding-right: 12px;
  }

  .content-header nav a {
    padding: 7px;
    font-size: 11px;
  }

  .content-article > h1 {
    font-size: 36px;
  }
}