*{

}

body   { 
	background-color: white;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: grey;
}

a:link {
  	color: black;
	text-decoration: none;
}

a:visited {
  	color: black;
	text-decoration: none;
}

.biggrid {
	display: grid;
	height: 100vh;
	grid-template-columns: 1fr 14vh 14vh 1fr;
	grid-template-rows: 1fr 14vh 14vh 1fr;
	justify-items: center;
	align-items: center;
	justify-content: center;
	grid-gap: 0.8vh;
	grid-auto-flow: row;
}

.biggridsub {
	display: grid;
	height: 100vh;
	grid-template-columns: 1fr 14vh 14vh 1fr;
	grid-template-rows: 1fr 14vh 14vh 14vh 1fr;
	justify-items: center;
	align-items: center;
	justify-content: center;
	grid-gap: 0.8vh;
	grid-auto-flow: row;
}

	#bnnerimg {
	max-width: 60%;
	margin-left: 11%;
	margin-top: 10%;

	}

	.minibild {
	max-width: 100%;
	}

	.banner {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 2;
	align-self: start;
	justify-self: left;
	height: 100%;
	width: 80%;
	margin-left: 11%;
	margin-top: 10%;
	background-image: url("logo.jpg"); 
	background-repeat: no-repeat; 
	background-position: left top; 
	background-size: 70%;
	}

	.bild1 {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 3;
	height: 100%;
	width: 100%;
	background-image: url("Portfolio.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.bild2 {
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 3;
	height: 100%;
	width: 100%;
	background-image: url("Wildlife_Gr.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.bild2:hover {
	transition: 0.02s linear;
	transform: scale(0.95);
	}

	.bild3 {	
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 4;
	height: 100%;
	width: 100%;
	background-image: url("street_Gr.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.bild3:hover {
	transition: 0.02s linear;
	transform: scale(0.95);
	}

	.bild4 {
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 3;
	grid-row-end: 4;
	height: 100%;
	width: 100%;
	background-image: url("Black+White_Gr.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.bild4:hover {
	transition: 0.02s linear;
	transform: scale(0.95);
	}

	.wild1 {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 3;
	height: 100%;
	width: 100%;
	background-image: url("Wildlifetxt.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.wild2 {
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 3;
	height: 100%;
	width: 100%;
	background-image: url("Wildlife1sq.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.wild2:hover {
	transition: 0.02s linear;
	transform: scale(0.95);
	}

	.wild3 {	
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 4;
	height: 100%;
	width: 100%;
	background-image: url("Wildlife2sq.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.wild3:hover {
	transition: 0.02s linear;
	transform: scale(0.95);
	}

	.wild4 {
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 3;
	grid-row-end: 4;
	height: 100%;
	width: 100%;
	background-image: url("Wildlife3sq.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.wild4:hover {
	transition: 0.02s linear;
	transform: scale(0.95);
	}

	.wild5 {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 4;
	grid-row-end: 5;
	height: 100%;
	width: 100%;
	background-image: url("Wildlife4sq.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.wild5:hover {
	transition: 0.02s linear;
	transform: scale(0.95);
	}

	.wild6 {
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 4;
	grid-row-end: 5;
	height: 100%;
	width: 100%;
	background-image: url("Wildlife5sq.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.wild6:hover {
	transition: 0.02s linear;
	transform: scale(0.95);
	}

	.street1 {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 3;
	height: 100%;
	width: 100%;
	background-image: url("streettxt.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.street2 {
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 3;
	height: 100%;
	width: 100%;
	background-image: url("street1sq.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.street2:hover {
	transition: 0.02s linear;
	transform: scale(0.95);
	}

	.street3 {	
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 4;
	height: 100%;
	width: 100%;
	background-image: url("street2sq.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.street3:hover {
	transition: 0.02s linear;
	transform: scale(0.95);
	}

	.street4 {
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 3;
	grid-row-end: 4;
	height: 100%;
	width: 100%;
	background-image: url("street3sq.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.street4:hover {
	transition: 0.02s linear;
	transform: scale(0.95);
	}

	.street5 {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 4;
	grid-row-end: 5;
	height: 100%;
	width: 100%;
	background-image: url("street4sq.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.street5:hover {
	transition: 0.02s linear;
	transform: scale(0.95);
	}

	.street6 {
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 4;
	grid-row-end: 5;
	height: 100%;
	width: 100%;
	background-image: url("street5sq.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.street6:hover {
	transition: 0.02s linear;
	transform: scale(0.95);
	}

	.black1 {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 3;
	height: 100%;
	width: 100%;
	background-image: url("bnwtxt.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.black2 {
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 3;
	height: 100%;
	width: 100%;
	background-image: url("bnw1sq.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.black2:hover {
	transition: 0.02s linear;
	transform: scale(0.95);
	}

	.black3 {	
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 4;
	height: 100%;
	width: 100%;
	background-image: url("bnw2sq.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.black3:hover {
	transition: 0.02s linear;
	transform: scale(0.95);
	}

	.black4 {
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 3;
	grid-row-end: 4;
	height: 100%;
	width: 100%;
	background-image: url("bnw3sq.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.black4:hover {
	transition: 0.02s linear;
	transform: scale(0.95);
	}

	.black5 {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 4;
	grid-row-end: 5;
	height: 100%;
	width: 100%;
	background-image: url("bnw4sq.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.black5:hover {
	transition: 0.02s linear;
	transform: scale(0.95);
	}

	.black6 {
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 4;
	grid-row-end: 5;
	height: 100%;
	width: 100%;
	background-image: url("bnw5sq.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	}

	.black6:hover {
	transition: 0.02s linear;
	transform: scale(0.95);
	}

	.impressum {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 4;
	grid-row-end: 5;
	align-self: end;
	margin: 1%;
	}

	.impressumsub {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 5;
	grid-row-end: 6;
	align-self: end;
	margin: 1%;
	}

@media (orientation: landscape) {

	.biggrid {
	grid-template-columns: 1fr 17vh 17vh 1fr;
	grid-template-rows: 1fr 17vh 17vh 1fr;
	}

	.biggridsub {
	grid-template-columns: 1fr 17vh 17vh 1fr;
	grid-template-rows: 1fr 17vh 17vh 17vh 1fr;
	}

	.banner {
	margin-top: 2%;
	background-size: 35%;
	}
}

@media (orientation: portrait) {

	

}

@media screen and (max-width: 1500px){

}


@media screen and (max-width: 800px){

}