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

	#teaser {
		padding-top:50px;
		padding-bottom:50px;
		padding-left:10%;
		padding-right:10%;
		background-image:url("../../../img//material_bg1.jpg");
		background-repeat:repeat;
	}

	#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:34px;
		font-family:'Yu Mincho';
	}

	#teaser .subheading > h2 {
		font-size:22px;
		font-weight:500;
		font-family:'Yu Mincho';
	}

	#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-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;
	}

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

	#teaser {
		padding-top:30px;
		padding-bottom:30px;
		padding-left:25px;
		padding-right:25px;
		background-image:url("../../../img//material_bg1.jpg");
	}

	#teaser .subheading {
		font-family: 'Yu Mincho';
	}

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

	#teaser .heading > h1 {
		font-size:24px;
		font-family: 'Yu Mincho';
	}

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

	#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-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;
	}

}
