/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

html {
	position: relative;
	min-height: 100%;
}

body {
	margin-top: 54px;
	margin-bottom: 150px;
}

header {
	position: relative;
}

@media (min-width: 992px) {
	body {
		margin-top: 54px;
		margin-bottom: 150px;
	}
}

.carousel-item {
	height: 50vh;
	min-height: 300px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

@media (min-width: 992px) {
	.carousel-item {
		height: 65vh;
		min-height: 500px;
		background: no-repeat center center scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}

.portfolio-item {
	margin-bottom: 30px;
}

.navbar-brand img {
	height: 28px;
}

.carousel-caption {
	top: 25%;
	bottom: initial;
}

@media (min-width: 992px) {
	.carousel-caption {
		top: 40%;
		bottom: initial;
	}
}

.carousel-indicators {
	top: 10px;
	bottom: initial;
}

.carousel-control-prev, .carousel-control-next {
	z-index: 1;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 120px;
	background-color: #f5f5f5;
}

.vertical-center {
	min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
	min-height: 100vh; /* These two lines are counted as one :-)       */

	display: flex;
	align-items: center;
}

.main-text {
	color: #fff;
	position: absolute;
	top: 40%;
	width: 100%;
}