body {
	font-family: sans-serif;
	color: #d7d4cd;
	background-color: #d7d4cd;
	line-height: 150%;
	text-align: center;
	padding: 50px;
}

p {
	font-size: 20px;
}

a {
	text-decoration: none;
	color: #d7d4cd;
	transition:all 1s;
	text-transform: uppercase; 
}

a:hover {
	font-size: 25px;
	color: #f6f6f6;
}

img {
	display: block;
	width: 283px;
	height: 142px;
	margin-left: auto;
	margin-right: auto;
}

hr.border {
  	border: 2px solid #d7d4cd;
  	border-radius: 2px;
  	opacity: 0.2;
}

h2 {
	font-size: 10px;
	text-transform: uppercase;
}

#frischmann {
	background: #0e2d45;
	margin: 10px;
	padding: 10px;
}

#wrapper1 {
	display: grid;
	grid-template-columns: 50% 50%;
}

#bavarianprints {
	background: #aaa58a;
	padding: 10px;
	margin: 10px;
}

#bavarianprints-verlag {
	background: #1b543a;
	margin: 10px;
	padding: 10px;
}

#wrapper2 {
	display: grid;
	grid-template-columns: 50% 50%;
}

#led-elements {
	background: #ed6f03;
	margin: 10px;
	padding: 10px;
}

#pixeldriver {
	background: #331a38;
 	margin: 10px;
	padding: 10px;
}


@media only screen and (max-width: 1280px) {
/* Tablets */

#bavarianprints-wrapper {
	display: block;
	grid-template-columns: 100%;
  }

#pixel-wrapper {
	display: block;
	grid-template-columns: 100%;
  }

a {
	font-size: 30px; 
	line-height: 180%;
}

a:hover {
	font-size: 40px;
}

img {
	width: 60%;
	height: auto;
}
  
.bull {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 30px; 
}
/* End Tablets */
}

@media only screen and (max-width: 800px) {
/* Phones */

#bavarianprints-wrapper {
	display: block;
	grid-template-columns: 100%;
  }

#pixel-wrapper {
	display: block;
	grid-template-columns: 100%;
  }

a {
	font-size: 20px;
	display: block;
}

.bull {
	display: none;
}

img {
	width: 80%;
	height: auto;
}

body {
	line-height: 140%;
}
/* End Phones */
}