body
{
	background-color: rgb(28, 28, 31);
	margin: 0;
	padding: 0;
  	font-weight: 100;
 	font-family: "Montserrat", sans-serif;
}
a[href^=tel] {
	text-decoration:inherit;
	color: inherit;
 }
.header-contact-bar
{
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	height: 8vh;
	width: 100%;
	font-size: clamp(0.4rem, 2vw, 5rem);
	color: #BFBFBF;
}
@media (max-width: 1400px)
{
	.header-contact-bar
	{
		font-weight: bold;
		font-size: 2.5vw;
	}
}
.header-logos, .header-mail, .header-phone
{
	display: inline-block;
	margin-top: 2vw;
	margin-right: 5vw;
	margin-left: 5vw;
	height: 8vh;
	animation: 2.5s header-title-animations forwards;
}
.heder-mail-adress, .header-phone-number
{
	display: inline-block;
	transform: translateY(-10%);
}
.header-phone > img, .header-mail > img
{
	width: 1.7vw;
	height: 1.6vw;
	-webkit-filter: contrast(0) brightness(1.5);
}
@media (max-width: 1400px)
{
	.header-phone img, .header-mail img
	{
		width: 2.2vw;
		height: 2.2vw;
	}
}
.header-logos > a img
{
	width: 2vw;
	height: 2vw;
	padding-left: 2vw;
	-webkit-filter: contrast(0) brightness(1.5);
}
@media (max-width: 1400px)
{
	.header-logos > a img
	{
		width: 4vw;
		height: 4vw;
		-webkit-filter: contrast(0) brightness(1.5);
	}
}
.header
{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 95vh;
	color: #BFBFBF;
	line-height: 2vh;
	background-image: url();
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	z-index: -2;
}
.header-rules-title
{
	margin-top: 6vh;
	width: 100%;
	text-align: center;
	font-size: 2vw;
	color:#D97B29;
	font-weight: bold;
	animation: 2.3s ease-out header-title-animations forwards;
}
.header-rules-body
{
	width: 80%;
	font-size: 1vw;
	line-height: 1.6;
	font-weight: bold;
	animation: 2.6s ease-out header-title-animations forwards;
}
.header-rules-body span
{
	margin-right: 10px;
	color:#D97B29;
}
@media (max-width: 1800px)
{
.header-rules-title
	{
		font-size: 1.5vh;
	}
.header-rules-body
	{
		line-height: 2.2;
		font-size: 1vh;
	}
}
@media (orientation: landscape)
{
.header-rules-title
	{
		font-size: 2vw;
	}
.header-rules-body
	{
		line-height: 1.5;
		font-size: 0.8vw;
	}
}
.navigation
{
	display: flex;
	align-items: center;
	position: sticky;
	top: 0;
	width: 100%;
	height: 5vh;
	background-color: #BFBFBF;
	font-size: 1.7vw;
	font-weight: bold;
}
.navigation-logo
{
	display: flex;
	justify-content: center;
	width: 30%;
}
.aindex
{
	display: flex;
	justify-content: center;
	width: 100%;
}
.aindex img
{
	width: 80%;
}
.navigation-menu
{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70%;
}
.navigation-menu a
{
	position: relative;
	margin-right: 4vw;
	margin-left: 4vw;
	text-decoration: none;
	color: black;
	height: clamp(3vh, 5vh, 7vh);
}
.navigation-menu-main a:before, .navigation-menu-kontakt a:before, .navigation-menu-aktualnosci a:before, .navigation-menu-regulamin a:before
{
	position: absolute;
	transform: translateX(6vw);
	content: '';
	opacity: 0;
	background-color: rgb(28, 28, 31);
	height: 100%;
	width: 4px;
	animation: 0.5s brackets-movement-left-out;
}
.navigation-menu-main a:after, .navigation-menu-kontakt a:after, .navigation-menu-aktualnosci a:after, .navigation-menu-regulamin a:after
{
	position: absolute;
	content: '';
	opacity: 0;
	transform: translateX(-6vw);
	background-color: rgb(28, 28, 31);
	height: 100%;
	width: 4px;
	animation: 0.5s brackets-movement-right-out;
}
.navigation-menu-main a:hover::before, .navigation-menu-kontakt a:hover::before, .navigation-menu-aktualnosci a:hover::before, .navigation-menu-regulamin a:hover::before
{
	position: absolute;
	content: '';
	background-color: rgb(28, 28, 31);
	height: 100%;
	width: 4px;
	animation: 0.5s brackets-movement-left-in forwards;
}
.navigation-menu-main a:hover::after, .navigation-menu-kontakt a:hover::after, .navigation-menu-aktualnosci a:hover::after, .navigation-menu-regulamin a:hover::after
{
	position: absolute;
	content: '';
	background-color: black;
	height: 100%;
	width: 4px;
	animation: 0.5s brackets-movement-right-in forwards;
}

.desc
{
	width: 100%;
	height: 30vh;
	background-color: #D97B29;
}
@keyframes header-title-animations
{
	0%
	{
		opacity: 0%;
		transform: translateY(-20%);
	}
	100%
	{
		opacity: 100%;
		transform: translateY(0%);
	}
}
@keyframes brackets-movement-left-in
{
	0%
	{
		transform: translateX(6vw);
		opacity: 0;
	}
	100%
	{
		transform: translateX(0);
		opacity: 1;
		background-color: #D97B29;
	}
}
@keyframes brackets-movement-left-out
{
	0%
	{
		transform: translateX(0);
		opacity: 1;
		background-color: #D97B29;
	}
	100%
	{
		transform: translateX(6vw);
		opacity: 0;
		background-color: black;
	}
}
@keyframes brackets-movement-right-in
{
	0%
	{
		transform: translateX(-6vw);
		opacity: 0;
	}
	100%
	{
		transform: translateX(0);
		opacity: 1;
		background-color: #D97B29;
	}
}
@keyframes brackets-movement-right-out
{
	0%
	{
		transform: translateX(0);
		opacity: 1;
		background-color: #D97B29;
	}
	100%
	{
		transform: translateX(-6vw);
		opacity: 0;
		background-color: black;
	}
}