body {
   height:100%; /* Needed for shity firefox */
   margin: 0;
   padding: 0;
   font-family:"Times New Rowman", Timies, serif;
   font-weight:200;
   background-color:white;
	font-size:14px;
}
h1 {
	line-height:120%;
}
.textBlock {
	line-height:150%;
	color:#555;
	font-size:17px;
	font-weight:200;

}
.page {
	width:1100px;
	padding:20px;
	box-sizing: border-box;
	text-align:left;
	font-size:18px;
	line-height:140%;
	color:#555;
}
.teaserWrapper {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.teaserBlock {
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items:center;
	font-size:16px;
	margin:20px;
}
.teaserImage {
	width:200px;
	height:240px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius:4px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	
}
.teasertext {
	color:#444;
	margin-top:14px;
}
.teaserImage:hover {
	box-shadow: rgba(0, 50, 0, 0.25) 0px 54px 55px, rgba(0, 50, 0, 0.12) 0px -12px 30px, rgba(0, 50, 0, 0.12) 0px 4px 6px, rgba(0, 50, 0, 0.17) 0px 12px 13px, rgba(0, 50, 0, 0.09) 0px -3px 5px;
}

@media only screen and (max-width: 768px) {
	.page {
		width:100%;
	}
	.teaserWrapper {
		display:flex;
		justify-content: center;
		
	}
	.teaserBlock {
		display:block;
		box-sizing: border-box;
	}
	.teaserImage {
		width:80vw;
		height:calc(90vw * 1.2);
	}

}