@font-face {
    font-family: Augsburger;
    src: url(fonts/AugsburgerSchriftCAT.ttf);
    font-weight: 200;
}
@font-face {
    font-family: din1415alt;
    src: url(fonts/din1415alt.ttf);
    /* font-weight: 200; */
}
@font-face {
    font-family: SIMPLIFICA;
    src: url(fonts/SIMPLIFICA Typeface.ttf);
    /* font-weight: 200; */
}


body {
  background-image: url("./pictures/background.png");
  background-repeat: repeat-xy;
}

.navbar{
	background-color: black !important;
}

#bar1{
	width: 100%; height: 2px;
    border-style: solid;
    border-color: orange;
    background-color: orange;
}

#bar2{
	width: 100%; height: 2px;
    border-style: solid;
    border-color: green;
    background-color: green;
}

#bar3{
	width: 100%; height: 2px;
    border-style: solid;
    border-color: red;
    background-color: red;
}



.carousel-inner img {
    /* width: 65%; */
	/* margin: auto; */
	height: 650px;
  }



.centercontainer {
	background-color: white; 
	border-style: solid;
	border-color: orange;
	margin-top: 40px;
	margin-bottom: 25px;
}


p {
	font-family: SIMPLIFICA;
	font-size: 28px;
}

h1 {
	font-family: din1415alt;
}



#mainPic {
		position: relative;
		max-width: 100%; 
		height: auto;
		/* top: -50px; */
	}



.gallery {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-width: 33%;
	-moz-column-width: 33%;
	column-width: 33%; 
}
.gallery .pics {
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease; 
}
	
.gallery .animation {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1); 
}

@media (max-width: 450px) {
	.gallery {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-width: 100%;
		-moz-column-width: 100%;
		column-width: 100%;
	}
}

@media (max-width: 400px) {
	.btn.filter {
		padding-left: 1.1rem;
		padding-right: 1.1rem;
	}
}