html, body {
	min-height: 100vh;
}

body {
	font: 20px/1.5 "Roboto", sans-serif;
	font-weight: 300;
	color: #717171;
}

h1, h2, h3 {
	color: #3e3e3e;
}

header {
	width: 100%;
	padding: 5px;
	color: #ececec;
	background-color: #006f82;
	position:fixed;
	top: 0;
	left: 0;
	z-index: 2;
	font-size: 0.8em;
}

header ul {
	margin-bottom: 0;
}

header ul > li > a {
	color: inherit;
	text-decoration: none;
}

	header ul > li > a:hover,
	header ul > li > a:focus {
		color: #fff;
		text-decoration: none;
	}

/*carousel styles*/
.carousel-behind {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

	.hero {
		height: 100vh;
	}

		.hero.one {
			background: transparent url(../images/heroa.jpg) center / cover no-repeat;
		}

		.hero.two {
			background: transparent url(../images/herob.jpg) center / cover no-repeat;
		}

		.hero.three {
			background: transparent url(../images/heroc.jpg) center / cover no-repeat;
		}

/* content styles */
.content {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	position: relative;
}
	/* before prefix */

	.content:before {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(13, 153, 183, 0.8);
		z-index: 1;
	}

	/* specific slides background */

	

	
		/* slide content styles */

		.content .tagline {
			position: relative;
			z-index: 2;
			text-align: center;
			margin-bottom: 0;
			font-size: 4em;
			color: #fff;
			font-weight: 100;
			text-transform: uppercase;
		}

			.content .tagline > p {
				line-height: 1;
			}

			.content .tagline > p.text-logo {
				display: inline-block;
				padding: 5px 0;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
				font-size: 2.5em;
			}

			.content .tagline > p.sub-heading {
				text-transform: lowercase;
				font-size: 0.3em;
			}



			


section.tag-line {
	padding: 100px 0;
}
	
	.tag-line h2 {
		font-weight: 300;
	}


.bg-image1 {
	background: transparent url(../images/bg1.jpg) center / cover no-repeat;

}

section.split {
	background-color: #012933;
	color: #e0e0e0;
}

	section.split h1,
	section.split h2,
	section.split h3 {
		color: #fff;
	}

/* utilities */

h3.underlined {
	padding-bottom: 25px;
	margin-bottom: 20px;
	position: relative;
	text-transform: uppercase;
}

h3.underlined:after {
	content: "";
	width: 35%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #b1abab;
}

.padded {
	padding: 100px 80px;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.carousel-indicators {
    bottom: 60px;
}


footer {
	width: 100%;
	padding: 10px;
	background-color: #252525;
	color: #b1b1b1;
	font-size: .8em;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
}
	footer p {
		margin-bottom: 0;
		line-height: 1;
	}

		footer p > a {
			color: #f0ad4e;
			text-decoration: none;
		}

			footer p > a:hover {
				color: #fff;
				text-decoration: none;
			}

/*media queries*/

@media(max-width: 768px){
	.content .tagline {
		font-size: 3em;
	}

	footer {
		font-size: .6em;
	}

		footer p {
			line-height: inherit;
		}
}

@media(max-height: 500px){
	.content .tagline {
		font-size: 2.5em;
	}
}

@media (max-width: 425px){
	.content .tagline {
		font-size: 1.3em;
	}

		.content .tagline > p.sub-heading {
			font-size: .5em;
		}
}