Template:Main Page - styles/styles.css

/* ============================================ */
/* MAIN PAGE HERO                               */
/* ============================================ */
.lw-hero {
  margin: 0 0 10px;
}
.lw-hero__ident {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 10px;
}
.lw-hero__logo {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
}
.lw-hero__logo img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
}
.lw-hero__title {
  margin: 0;
  font-size: 2rem;
  font-weight: 700;
  color: #1a2612;
  line-height: 1.15;
  border: none;
  font-family: inherit;
  letter-spacing: 0;
}
.lw-hero__title::after {
  display: none;
}
.lw-hero__desc {
  margin: 0;
  font-size: .95rem;
  color: #34402d;
  line-height: 1.6;
}
.lw-hero__desc a {
  color: #2d6a4f;
  text-decoration: underline;
}
.lw-hero__desc a:hover {
  color: #40916c;
}
@media (max-width: 600px) {
  .lw-hero__ident {
    gap: 10px;
  }
  .lw-hero__logo {
    width: 36px;
    height: 36px;
  }
  .lw-hero__title {
    font-size: 1.6rem;
  }
  .lw-hero__desc {
    font-size: .9rem;
  }
}