#kenburns {
  /* height: 100%; */
  width: 96%;
  max-width: 1650px;
  overflow: hidden;
  position: absolute; 
  left: 2%;
  /* top: 0px;
  left: 0px; */
  background-color: #000;
}

#overlay_black {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute; 
  top: 0px;
  left: 0px;
  background-color: #000;
	
}

.modal-dialog{
	width: 90%;
	max-width: 1650px;
}

#spezborder {
	padding-right: 5px;
	padding-left: 5px;
}

.thumbnail{
    
   /* max-height: 338px; */
}

@media screen and (max-width: 768px) {
	#grid[data-columns]::before {
		content: '2 .column.size-1of2';
	}
}

@media screen and (min-width: 769px) and (max-width: 991px) {
	#grid[data-columns]::before {
		content: '3 .column.size-1of3';
	}
}

@media screen and (min-width: 992px) {
	#grid[data-columns]::before {
		content: '4 .column.size-1of4';
	}
}

/* Again, you’re free to use and define the classes: */
.column { float: left; }
.size-1of2 { width: 50%; }
.size-1of3 { width: 33.333%; }
.size-1of4 { width: 25%; }

#blueimp-gallery
{
	background-color: black;
}

body {
  /* min-height: 200px; */
  /* overflow: hidden; */
  color: #333;
  text-shadow: none; /* Prevent inheritence from `body` */
  /* background-color: #000; */
  /* border: 1px solid #000; */

  }

.navbar-static-top {
  margin-bottom: 19px;
}