/*********************************************************************************************************
 /$$$$$$$  /$$        /$$$$$$   /$$$$$$        /$$$$$$$$ /$$$$$$$$  /$$$$$$   /$$$$$$  /$$$$$$$$ /$$$$$$$
| $$__  $$| $$       /$$__  $$ /$$__  $$      |__  $$__/| $$_____/ /$$__  $$ /$$__  $$| $$_____/| $$__  $$
| $$  \ $$| $$      | $$  \ $$| $$  \__/         | $$   | $$      | $$  \ $$| $$  \__/| $$      | $$  \ $$
| $$$$$$$ | $$      | $$  | $$| $$ /$$$$         | $$   | $$$$$   | $$$$$$$$|  $$$$$$ | $$$$$   | $$$$$$$/
| $$__  $$| $$      | $$  | $$| $$|_  $$         | $$   | $$__/   | $$__  $$ \____  $$| $$__/   | $$__  $$
| $$  \ $$| $$      | $$  | $$| $$  \ $$         | $$   | $$      | $$  | $$ /$$  \ $$| $$      | $$  \ $$
| $$$$$$$/| $$$$$$$$|  $$$$$$/|  $$$$$$/         | $$   | $$$$$$$$| $$  | $$|  $$$$$$/| $$$$$$$$| $$  | $$
|_______/ |________/ \______/  \______/          |__/   |________/|__/  |__/ \______/ |________/|__/  |__/
********************************************************************************************************/
#blog_teaser
{
	margin-top: 85px;
	margin-bottom: -305px;
}

@media screen and (max-width: 1200px)
{
	#blog_teaser
	{
		margin-top: 85px;
		margin-bottom: 85px;
	}
}

.middle-container
{
	margin-top: 120px;
}

@media screen and (max-width: 1200px)
{
	.middle-container
	{
		margin-top: 15px;
	}	
}

#blog_teaser .teaser-heading
{
	text-align: center;
	margin-bottom: 30px;
}

#blog_teaser .teaser-item
{
	padding: 20px;
	border-radius: 5px;
	background-color: #F5F5F3;
	margin-bottom: 40px;
	text-align: center;
	height: 520px;
}

#blog_teaser .teaser-item .teaser-title
{
    font-family: playfair_display_medium;
	font-size: 22pt;
	font-weight: normal;
	text-decoration: none;
	color: #303030;
	transition: color 200ms;
}

#blog_teaser .teaser-item .teaser-date-and-author
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0 20px 0;
}

#blog_teaser .teaser-item .teaser-date-and-author span
{
	font-family: "roboto";
	font-size: 10pt;
	color: #4F4F4F;
}

#blog_teaser .teaser-description
{
	font-family: inter;
	font-weight: normal;
	font-size: 13pt;
	color: #434343;
	margin-bottom: 15px;
}

.show-all-posts-button
{
	margin-bottom: 40px;
}

#blog_teaser .teaser-link:link,
#blog_teaser .teaser-link:active,
#blog_teaser .teaser-link:visited
{
	font-family: inter_medium;	
	font-size: 13pt;
	text-decoration: none;
	color: #434343;
	
}

#blog_teaser .teaser-link img
{
	transition: transform 200ms;
}

#blog_teaser .teaser-link:hover img
{
	transform: translateX(3px);
}