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

	#teaser .carousel-caption {
		top:0px;
		left:0px;
		padding-top:5%;
		padding-bottom:5%;
		padding-left:10%;
		padding-right:10%;
		color:#FFFFFF;
		text-shadow:1px 1px 2px #777777;
	}

	#teaser .heading {
		padding-top:15px;
		padding-bottom:5px;
	}

	#teaser .text {
		padding-top:15px;
		padding-bottom:5px;
	}

	#teaser .carousel-control {
		width:8%;
		background-image:none;
	}

	#teaser .carousel-indicators {
		margin-top:0px;
		margin-bottom:0px;
	}

	#teaser .carousel-indicators li {
		margin:3px;
	}

	#teaser .carousel-indicators .active {
		margin:2px;
	}

	#teaser .heading > h1 {
		margin-left:auto;
		margin-right:auto;
		font-size:54px;
	}

	#teaser .text > p {
		margin-left:auto;
		margin-right:auto;
		font-size:32px;
	}

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

	#teaser .carousel-caption {
		top:0px;
		left:0px;
		padding-top:10%;
		padding-bottom:5%;
		padding-left:10%;
		padding-right:10%;
		color:#FFFFFF;
		text-shadow:1px 1px 2px #777777;
	}

	#teaser .carousel-control {
		width:10%;
		background-image:none;
	}

	#teaser .carousel-indicators {
		margin-top:0px;
		margin-bottom:0px;
	}

	#teaser .carousel-indicators li {
		margin:3px;
	}

	#teaser .carousel-indicators .active {
		margin:2px;
	}

	#teaser .item > img {
		height:400px;
		object-fit:cover;
		object-position:50%;
	}

	#teaser .heading > h1 {
		font-size:28px;
		font-weight:normal;
	}

	#teaser .text > p {
		font-size:20px;
	}

}