@media screen and (min-width: 768px) {

	#teaser {
		background-color:#F3F3F3;
		background-size:cover;
	}

	#teaser .link {
		padding-top:15px;
		padding-bottom:15px;
		padding-left:15px;
		padding-right:15px;
	}

	#teaser .heading > h1 {
		padding-top:15px;
		padding-bottom:15px;
		font-size:54px;
	}

	#teaser .subheading > h2 {
		font-size:32px;
		font-weight:500;
	}

	#teaser .text > p {
		font-size:21px;
		font-weight:200px;
	}

	#teaser .link > a.link-1 {
		margin-top:5px;
		margin-bottom:5px;
		margin-left:5px;
		margin-right:5px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:15px;
		padding-right:15px;
	}

	#teaser .link > a.link-1:hover {
		padding-top:x;
	}

	#teaser .link > a.link-2 {
		margin-top:5px;
		margin-bottom:5px;
		margin-left:5px;
		margin-right:5px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:15px;
		padding-right:15px;
	}

	#teaser .link > a.link-2:hover {
		padding-top:x;
	}

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

	#teaser {
		padding-left:15px;
		padding-right:15px;
		background-color:#F3F3F3;
		background-size:cover;
	}

	#teaser .link {
		padding-top:15px;
		padding-bottom:15px;
		padding-left:15px;
		padding-right:15px;
	}

	#teaser .heading > h1 {
		padding-top:15px;
		padding-bottom:15px;
		font-size:32px;
	}

	#teaser .subheading > h2 {
		font-size:24px;
	}

	#teaser .text > p {
		font-size:18px;
		font-weight:200px;
	}

	#teaser .link > a.link-1 {
		margin-top:5px;
		margin-bottom:5px;
		margin-left:5px;
		margin-right:5px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:15px;
		padding-right:15px;
	}

	#teaser .link > a.link-1:hover {
		padding-top:x;
	}

	#teaser .link > a.link-2 {
		margin-top:5px;
		margin-bottom:5px;
		margin-left:5px;
		margin-right:5px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:15px;
		padding-right:15px;
	}

	#teaser .link > a.link-2:hover {
		padding-top:x;
	}

}