:root {
  font-family: "Noto Sans", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  --main-menu-text-color: #FFF;
  --header-icon-color: #636363;
  --menu-bg: #2e2e2e;
}
header {
  padding-top: 1rem;
}
header #main-menu div.container {
  background-color: var(--menu-bg);
}
header #main-menu nav ul {
  background-color: var(--menu-bg);
}
header .header-top .flex {
  justify-content: space-between;
}
header .header-top .flex >div {
  flex: 1 0 0%;
}
#block-gryfini-subtheme-site-branding {
  position: absolute;
  z-index: 1;
  top: 0rem;
}
#main-menu ul {
  margin: 0;
}
#main-menu ul.menu a,
#main-menu ul.menu a.is-active,
#main-menu ul.menu a:hover {
  color: var(--main-menu-text-color);
}
#main-menu ul.menu li:hover,
#main-menu ul.menu li.menu-active span,
#main-menu ul.menu li span:hover,
#main-menu ul.menu li a,
#main-menu ul.menu li span {
  color: var(--main-menu-text-color);
}
#block-gryfini-subtheme-kontaktnaglowek {
  text-align: right;
}
.facebook-icon-link {
  display: inline-block;
}
.facebook-icon-link .icon {
  width: 2rem;
  fill: var(--header-icon-color);
  display: block;
  height: 2rem;
  border-radius: 50%;
  background: var(--header-icon-color);
}
.yellow {
  background-color: #fec600;
}
.front-hero {
  max-height: 80vh;
  clip-path: polygon(0% 0%,100% 0%,100% 90%,50% 100%,0% 90%);
}
.front-hero h1 {
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
  font-weight: 900;
  color: var(--main-color);
  padding-right: 5rem;
  font-size: 5rem;
}
.front-hero p {
  padding-right: 5rem;
  color: #ff0000;
  font-weight: 900;
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
  font-size: 2rem;
  margin-top: .5rem;
  margin-bottom: .5em;
}