.Logo-Menu {
	padding-left: 50%;
	background-image: url("../Obraz/Logo.png");
	height: 70px;
	width: 80px;
	background-size: contain;
	background-repeat: no-repeat;
 	background-position: center center;
}

@media (max-width: 2560px) {
  .Logo {
    height: 110px;
    width: 110px;
  }
  .Logo-Menu {
    height: 60px;
    width: 70px;
  }
}

@media (max-width: 1920px) {
	.Logo {
		height: 100px;
		width: 100px;
	}
   
	.Logo-Menu {
		height: 55px;
		width: 65px;
	}
}

@media (max-width: 1366px) {
	.Logo {
		height: 90px;
		width: 90px;
	}
	
	.Logo-Menu {
		height: 50px;
		width: 60px;
	}
}

@media (max-width: 1024px) {
	.Logo {
		height: 80px;
		width: 80px;
	}
	
	.Logo-Menu {
		height: 45px;
		width: 55px;
	}
}

@media (max-width: 768px) {
	.Logo {
		height: 70px;
		width: 70px;
	}
  
	.Logo-Menu {
		height: 40px;
		width: 50px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
}
/* --- LOADING --- */
.loading {
    height: 100vh;
}

.loader {    
    position: fixed;    
    z-index: 9999;  
    top: 0; 
    left: 0;
    width:100%;
    height:100%;    
    background: black; 
    display: flex;
    justify-content: center;    
    align-items: center;
}	
/* --- MENU --- */
.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}


.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 800;
    letter-spacing: 0.5px;
    color: #fff;
}

.navbar-brand {
	left: 5%;
  	position: absolute;
}

@media(min-width: 768px) {
    .navbar-default {
        padding: 25px 0;
	    border: 0;
        background-color: transparent;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
		text-decoration:none;

    }
 
	.navbar-default.navbar-shrink {
        padding: 10px 0;
        background-color: black;
    }
	
	.navbar-brand {
  		transform: translateX(-0%);
  		left: 10%;
  		position: absolute;
	}


.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item:focus .nav-link,
.navbar-nav .nav-item:hover .nav-link,
.navbar-nav .nav-item:visited .nav-link {
	text-decoration:none;
    color: #1b75bc !important;
}
}

:root {
  --black: #000;
  --white: #000;
  --gold: #1b75bc;
}
html {
    background-color:black;
}
body {
	padding-top:2%;
  margin:0;
  font-family:sans-serif;
  text-align:center;
  background-color:black;
  perspective:50vw;
}

#box {
  width:100%;
  margin:auto;  
  position:relative;
      background-color:black;

  
}

video {
  width:100%;
  position:absolute;
  left:0;
  top:38px;
  z-index:1;
 
}

img {
  width:100%; 
  height:auto;
  padding:0;
}

a { 
  text-decoration:none;
  color:inherit;
  width:fit-content;
}

.row {
  display: flex;
  justify-content: center;
  margin: 15 auto; /* Auto marginesy po bokach, aby utrzymać element na środku */
  max-width: 100%; /* Maksymalna szerokość to szerokość dostępna w oknie przeglądarki */
  box-sizing: border-box; /* Model pudełkowy obejmujący padding w szerokości elementu */
  padding: 0 5%; /* Dodatkowy padding na boki (możesz dostosować wartość według potrzeb) */
}

.item {
/*   background:red; */
  padding:10px;
  flex-grow:1;


/*   outline:1px solid limegreen; */
}


.cd {
  background:var(--black);
  color:var(--black);
}

.cn {
  text-align:left;
  max-width:50%;
  
}
.ph {
  text-align:right;
  max-width:50%;

}

.hero {
	/*   background:red; */
  margin-top:5%;
  color:var(--gold);
  text-align:left;
  font-size:24px;
  font-weight:600;
}

.hero span {
	font-size:7vw;
	line-height:70%;
}
.hero p {
	font-size:15px;
}

.cv p {
	font-size:10px;
}

.hero .item  {
	width:90vw;
	z-index:3;
}

#hl {	
  max-width:100%;
  transform-origin:center;
  z-index:3;
}

.hero .item div:nth-child(2) {
  margin:25px 0;
  font-size:20px;
  line-height:150%;
  font-weight:100;
  color:var(--gold); 
  z-index:5;
}

@media all and (max-width: 800px) {
  .row  {

    padding:0 2.5%;

  }
  
  .hero .item {
    width:100%;
    max-width:100%;

  }
  
  .hero img {

  }
  
  .hero span {
    font-size:48px;

  }
}