main{
	padding: .5em;	
}

.teaser-card{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	position: relative;
	margin: auto auto;
	max-width: 80vw;	
	position: relative;	
}

.teaser-card-header{
	margin-bottom: 1em;
	width: 100%;
}

.teaser-card-left{
	display: flex;
	width: 30vw;
}

.teaser-card-right{
	max-width: 40vw;
	min-width: 30em;	
}

.teaser-card-title{
	margin-bottom: .2em;
	font-size: 200%;
	color: var(--secondary);	
	text-shadow: .02em .02em .05em var(--dark);
}

.teaser-card-text{
	text-shadow: none;
}

.feature-list{
	text-align: left;	
	margin: 1em;
	text-shadow: none;	
}

.feature-list-item{
	transform: translate(1em, 0em);
	margin: .5em;
}

.teaser-card-image{
	display: block;
	margin: auto;
	max-width: 80%;	
	width: auto;
	height: auto;	
	filter: drop-shadow( 10px 10px 10px rgba(0,0,0,.4));
}


@media only screen and (max-width: 600px) {
	.teaser-card{
		max-width: 95vw;	
	}

	.teaser-card-title{
		font-size: 150%;
	}

	.teaser-card-image{		
		max-width: 100%;
	}
	
	.teaser-card-right{
	max-width: 90vw;
	min-width: initial;	
	}
}