:root {
  --body-font-size: 1.0rem;
  --primary-gradient: linear-gradient(180deg, #C1121C, #000000);
  --secondary-gradient: linear-gradient(180deg, #ff0000, #808080);
}

.h1, h1 {
  font-size: 1.5rem;
}

.h2, h2 {
  font-size: 1.25rem;
}

.h3, h3 {
  font-size: 1.1rem;
}



.colors1 {
  --website-color-primary: 37, 143, 167;
  --website-color-hover: 242, 48, 48;
  --cassiopeia-color-primary: rgba(var(--website-color-primary),0.5);
  --cassiopeia-color-hover: rgb(var(--website-color-hover));
  --cassiopeia-color-link: rgb(var(--website-color-primary));
}

.container-header .mod-menu {
  /* justify-content: center;
   color: #ffffff;
   background-color: #22262a;*/
   padding: 0;
}
.header {
   padding: 0;
  margin: 0;
    /*background: rgb(2,0,36);
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(119,9,121,1) 35%, rgba(0,212,255,1) 100%); */
}

 .container-header {
            background-color: var(--primary-background); /* Solid background of your header */
            background-image: var(--primary-gradient);  /* Set to none if you want to disable the gradient */
        }



.mod-menu li:hover > ul {
  display: block !important; /* horizontales menü mouseover */
}

.navbar-brand, .container-nav .navbar {margin: 0 auto;}

.footer .grid-child {padding: 0.5em}

.pg-category-items-box {
display: inline-flex;  
}