@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap");

body {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
}

.line-clamp {
  --lines: 1;
  display: -webkit-box;
  -webkit-line-clamp: var(--lines);
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-2 {
  --lines: 2;
}

.line-clamp-3 {
  --lines: 3;
}

@media (max-width: 992px) {
  .header-menu {
    position: absolute;
    top: 90%;
    left: 0;
    right: 0;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
		transition: .2s ease-out;
    opacity: 0;
    pointer-events: none;
  }

  .header-menu.active {
    top: 100%;
    opacity: 1;
    pointer-events: all;
  }
}