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

	#teaser {
		width:100%;
		text-align:center;
	}

	#teaser .item {
		width:100%;
		background-size:cover;
	}

	#teaser .carousel-caption {
		top:50px;
		width:100%;
		box-shadow:none;
		color:#FFFFFF;
		text-shadow:1px 1px 2px #777777;
		text-align:center;
	}

	#teaser .heading {
		top:0px;
		bottom:0px;
		text-shadow:none;
		text-align:center;
	}

	#teaser .text {
		top:0px;
		margin-left:auto;
		margin-right:auto;
		padding-top:0px;
		padding-bottom:5px;
		text-shadow:none;
		text-align:center;
	}

	#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 .item > img {
		width:100%;
		object-fit:cover;
	}

	#teaser .heading > h1 {
		width:100%;
		margin-left:auto;
		margin-right:auto;
		color:#9FD9F6;
		font-size:70px;
		font-weight:400;
		font-family:'Caveat', cursive;;
	}

	#teaser .text > p {
		margin-left:auto;
		margin-right:auto;
		color:#FFFFFF;
		font-size:24px;
		font-family:'Yu Mincho';
	}

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

	#teaser {
		width:100%;
	}

	#teaser .item {
		width:100%;
	}

	#teaser .carousel-caption {
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		color:#FFFFFF;
		text-shadow:1px 1px 2px #777777;
	}

	#teaser .heading {
		text-align:center;
	}

	#teaser .text {
		text-align:center;
	}

	#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 {
		width:100%;
		object-fit:cover;
	}

	#teaser .heading > h1 {
		color:#9FD9F6;
		font-size:32px;
		font-weight:400;
		font-family:'Caveat', cursive;;
	}

	#teaser .text > p {
		font-size:12px;
		font-family:'Yu Mincho';
	}

}