@font-face { 
font-family: "Ubuntu"; 
src: url("fonts/Ubuntu-Regular.ttf"); 
}		
		
		.navbar {
			overflow: hidden;
			background-color: #A6A6A6;
			position: fixed;
			top: 0;
			height: 50px;			
			width: 100%;
			font-weight: 300;
			font-size: 18px;
			font-family: arial;
		}		
		
		.navbar a {
			float: left;
			display: block;
			color: #ADA8A8;
			text-align: center;
			padding-right: 8px;
			padding-top: 4px;			
			text-decoration: none;
		}	
		
		.navbar a:hover {
			background-color: grey;
			color: black;		
		}		
		
		.main {
			margin-top: 1px;
		}	
		
		body {
			font-family: Ubuntu;
			background: #E5E5E5;
			margin: 8px;
		}

		.galerieholder {
			column-count: 1;	
			column-gap: 10px;
			margin: 0 auto;			
		}

		.galerieblock {
			display: inline-block;
			background: lightgrey;
			padding: 2px;
			/*margin: 1px 0 6px;*/
			margin: 1px 0 12px;
			width: 100%;
			box-sizing: border-box;
			border: 3px;
		}

		.galerieblock img {
			width: 100%;
			border: 4px; 
			color: black;
		}
		
		@media screen and (min-width:320px){
			.galerieholder {
				column-count: 1;			
			}		
		}	
		@media screen and (min-width:600px){
			.galerieholder {
				column-count: 2;			
			}		
		}	
		
		@media screen and (min-width:768px){
			.galerieholder {
				column-count: 3;			
			}		
		}	
			
		@media screen and (min-width:992px){
			.galerieholder {
				column-count: 4;			
			}		
		}	

		@media screen and (min-width:1200px){
			.galerieholder {
				column-count: 5;			
			}		
		}	
		
		@media screen and (min-width:1600px){
			.galerieholder {
				column-count: 8;			
			}		
		}