/* Typography
--------------------------------------------- */
body {
	color:#000;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;	
	line-height: 1.5;
}


/* Spacing
--------------------------------------------- */
.block {
	padding-top:12rem;
}

	@media (max-width: 767.98px) {
		.block {
			padding-top:9rem;
		}
	}


/* Header
--------------------------------------------- */
.navbar {
	text-align:center;
}

.navbar .nav-link {
	color:#fff;
	font-size:1.3rem;
	font-weight:400;
	/*margin-left:1.5rem !important;
	margin-right:1.5rem !important;*/
	padding-left:1.5rem !important;
	padding-right:1.5rem !important;
	text-transform:uppercase;
}

	@media (max-width: 575.98px) {
		.navbar .nav-link {
			font-size:1rem;
			padding-left:1.2rem !important;
			padding-right:1.2rem !important;
		}
	}

.navbar-nav .nav-link.active {
    color:#fff;
	/*border-bottom:1px solid #fff;
	padding-bottom:1px;*/
	text-decoration:underline;
}


/* Logos
--------------------------------------------- */
.large-logo,
.small-logo {
	width:100%;
	height:auto;
}

.small-logo {
	max-width:400px;
}


/* Positioning
--------------------------------------------- */
.div-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
	width:100%;
}


/* Carousel / Bg
--------------------------------------------- */
.carousel-control {
	background:transparent;
	border:none;
	bottom:0;
	position:fixed;
}

.right.carousel-control {
	right:5%;
}

.left.carousel-control{
	left:5%;
}	

	@media (max-width: 767.98px) {
		.carousel-control {
			bottom:80px;
		}
	}
	
.background__image,
.carousel-item {
	background:no-repeat center center;
	background-size:cover;
	height:100vh;
	min-height:500px;
	width:100%;
} 

	@media (max-width: 991.98px) {
		.top-left {
			background-position:top left;
		}
		.top-right {
			background-position:top right;
		}
	}