@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow|Roboto');

body {
	background-image: url(../images/noisy.png);
	font-family: "Roboto";
	font-weight: 300;
	font-size: 16px;
	color: #555;
	margin-top: 30px;
	padding-top: 25px;
	
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;	
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 300;
	color: #333;
	line-height: 28px;
	margin-bottom: 25px;
}

p {
	line-height: 28px;
	margin-bottom: 25px;
}

strong {
	font-weight: 800;
}

.centered {
	text-align: center;
}

a {
	color: #f85c37;
}

a:hover, a:focus {
	color: #7b7b7b;
	text-decoration: none;
	outline: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0px;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding:0;
}

.navbar {
	font-weight: 800;
	font-size: 14px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}


/* ---------------- HERO -------- */


.hero-section {
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

}


.wrap-hero {
	padding:0;
	margin:0;
	position:relative;
}


.overlay {
	background-color: RGBA(0, 0, 0, 0.4);
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index: 10;
}

.carousel-caption {
	height:100%;
	display:flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
	text-shadow: 1px 1px 2px black;
}

.hero-container {
	margin-bottom: 25px; 
}

.hero-logo {
	max-width:100%;
	max-height:100%;
	height:auto;
}

@media (max-width:1350px){
	.hero-logo {
		width:150px;
	}
	.hero-title {
		font-size: 30px;
		    margin-bottom: 15px;
	}
	.hero-text {
		font-size: 20px;
	}
}

@media (max-width:890px){
	.hero-logo {
		width:100px;
	}
	.hero-title {
		font-size: 26px;
		    margin-bottom: 5px;
	}
	.hero-text {
		font-size: 18px;
	}
}

@media (max-width:650px){
	.hero-logo {
		width:60px;
	}
	.hero-title {
		font-size: 20px;
		    margin-bottom: 0px;
	}
	.hero-text {
		display: none;
	}
}