html, body{
				font-family: 'Arimo', sans-serif;
				background-color: #353635;
				color:white;
			}

      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }
      .nav-item{
      	font-size: 16px;
      }

      iframe {
			width:100%;
		}
		.example-marquee {
	      position: relative;
	      max-width: 100%;
				/*height: calc(100vh - 80vw);*/
				height: 40vw
	  }
	  .navbar-nav .nav-item{
	  	margin-left:10px;
	  }
	  .sekcja_bg{
	  	background-size:100%;
	  	background-position: center;
	  	padding:20px;
	  }
	  #bootstrap-gallery .modal-dialog{
	  	width:90%;
	  }
	  #KATALOGI h3 , #WIZUALIZACJE h3{
	  	margin:auto;
		  text-align: center;
	    padding: 16px;
	    margin-top: 16px;
	  }
	  #KATALOGI .xyz{
	  	transition: transform .2s; /* Animation */
	  }
	  #KATALOGI .xyz:hover{
	  	transform: scale(1.2, 1.2);
	  }
	  #WIZUALIZACJE .xyz{
	  	transition: transform .2s; /* Animation */
	  height: 360px;
    overflow: hidden;
  	}
  	#WIZUALIZACJE .xyz:hover{
	  	transform: scale(1.2, 1.2);
	  }
	  .xyz {
	  	text-align: center;
	  }


		.my_gal {
		  height:400px;
		  margin: 0 auto 1rem auto;

		  --carousel-button-color: #170724;
		  --carousel-button-bg: #fff;
		  --carousel-button-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%),
		    0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);

		  --carousel-button-svg-width: 20px;
		  --carousel-button-svg-height: 20px;
		  --carousel-button-svg-stroke-width: 2.5;
		}

		.my_gal .carousel__slide {
		  width: 100%;
		  padding: 0;
		  text-align: center;
		}

		.my_gal .carousel__button.is-prev {
		  left: -1.5rem;
		}

		.my_gal .carousel__button.is-next {
		  right: -1.5rem;
		}

		.my_gal .carousel__button:focus {
		  outline: none;
		  box-shadow: 0 0 0 4px #A78BFA;
		}

		.my_thumb .carousel__slide {
		  opacity: 0.5;
		  padding: 0;
		  margin: 0.25rem;
		  width: 96px;
		  height: 64px;
		}

		.my_thumb .carousel__slide img {
		  
		  height: 100%;

		  width: 100%;
		  object-fit: cover;
		  border-radius: 4px;
		}

		.my_thumb .carousel__slide.is-nav-selected {
		  opacity: 1;
		}
		.carousel__viewport img{ height:400px }
		.my_gal button{
		  visibility: hidden;
		  opacity: 0;
		  transition: visibility 0s, opacity 0.5s linear;
		}
		.my_gal:hover button{
		  visibility: visible;
		  opacity: 1;
		}