/*
 * Start Bootstrap - Half Slider (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

html,
body {
    height: 100%;
}

/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */
.carousel {
	height: 70%;
}

.carouse2 {
	height: 50%;
}
	
.page-header {
	height: 30%;
}

.item,
.active,
.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */
.fill, .fill-left, .fill-center, .fill-right {
	position: absolute;
	bottom: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

@media (max-width: 768px) {
	.fill-center {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-position: 36%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
    }
	.fill-left {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-position: 0%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
    }
	.fill-right {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-position: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
    }
}

/*
@media (max-width: 768px) {
	.fill {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-position: 36%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
    }
}
*/
/*
/* Iphone 5 / SE * /
@media screen and (max-width: 320px) and (max-height: 568px){
	.fill {
		position: relative;
		width: 100%;
		height: 100%;
		background-position: 875px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
}
/* Galaxy S5 * /
@media screen and (min-width: 360px) and (min-height: 640px){
	.fill {
		position: relative;
		width: 100%;
		height: 100%;
		background-position: 985px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
}
/* Iphone 6 / 7 / 8 * /
@media screen and (min-width: 375px) and (min-height: 667px){
	.fill {
		position: relative;
		width: 100%;
		height: 100%;
		background-position: 1025px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
}
/* Iphone X * /
@media screen and (min-width: 375px) and (min-height: 812px){
	.fill {
		position: relative;
		width: 100%;
		height: 100%;
		background-position: 1210px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
}
/* Pixel 2 * /
@media screen and (min-width: 411px) and (min-height: 731px){
	.fill {
		position: relative;
		width: 100%;
		height: 100%;
		background-position: 1125px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
}
/* Pixel 2 XL * /
@media screen and (min-width: 411px) and (min-height: 823px){
	.fill {
		position: relative;
		width: 100%;
		height: 100%;
		background-position: 1240px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
}
/* Iphone 6 / 7 / 8 Plus * /
@media screen and (min-width: 414px) and (min-height: 736px){
	.fill {
		position: relative;
		width: 100%;
		height: 100%;
		background-position: 1130px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
}
/* Ipad * /
@media screen and (min-width: 768px) and (min-height: 1024px){
	.fill {
		position: relative;
		width: 100%;
		height: 100%;
		background-position: 1670px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
}
/* Ipad Pro * /
@media screen and (min-width: 1024px) and (min-height: 1366px){
	.fill {
		position: relative;
		width: 100%;
		height: 100%;
		background-position: 2230px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
}
*/
footer {
    margin: 50px 0;
}