#myCarousel { width: 100%; position: absolute; top: 0; }
.carousel { margin-bottom: 0px; }
.carousel-caption { bottom: 70px; z-index: 10; }
.carousel-caption h1 { color: #ffffff; font-size: 60px; font-weight: 700; }
.pattern { background-image: url(../images/pattern.png); background-repeat: repeat; background-attachment: scroll; width: 100%; height: 100%; position: absolute; top: 0px; left: 0; z-index: -1; }
.carousel-item {
	-webkit-height: 100vh;
	-moz-height: 100vh;
	-ms-height: 100vh;
	-o-height: 100vh;
	height: 100vh;
	min-height: 350px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:50% 50%;
}
/* resmin küçük ekranlarda ortalanması için */
.carousel-item > img {
	position: absolute;
	min-width: 101%;
	-webkit-height: 100vh;
	-moz-height: 100vh;
	-ms-height: 100vh;
	-o-height: 100vh;
	height: 100vh;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	z-index: -2;
}
.carousel-control-prev, carousel-control-next { position: absolute; z-index: 1; }
.carousel-indicators { bottom: 20px; }
.carousel-indicators .active { background-color: #ffffff; }

@media (max-width: 575.98px) {
.carousel-caption { bottom: 30px; }
.carousel-caption h1 { font-size: 40px; font-weight: 500; }
}

@media (min-width: 40em) {
/* Bump up size of carousel content */
.carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
}
}