/* Box Styles */

h1 {
	font-family:'Gill Sans MT','Heebo';
	font-size:4em;
	color:white;
	font-weight:300;
	margin-right:40px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}

h2 {
	font-family:'Gill Sans MT','Heebo';
	font-size:2.8em;
	color:white;
	font-weight:500;
	margin-right:40px;
}

h3 {
	font-family:'Gill Sans MT','Heebo';
	font-size:2.2em;
	color:white;
	font-weight:400;
	margin-right:40px;
}

h4 {
	font-family:'Gill Sans MT','Heebo';
	font-size:1.6em;
	color:white;
	font-weight:500;
	margin-right:40px;
}

h5 {
	font-family:'Heebo';
	font-size:1.0em;
	color:white;
	font-weight:500;
	margin-right:40px;
}

h6 {
	font-family:'Heebo';
	font-size:0.9em;
	text-transform:uppercase;
	color:white;
	font-weight:400;
	margin-right:40px;
}

.hero-title {
	margin:0; 
	line-height:75px; 
	display:inline;
}

.carousel {
	overflow:hidden;
    line-height: 75px;
	/*position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/
	height: 75px;
}

.carousel-list {
	list-style:none;
	margin-left:20px;
	display:inline-block;
	margin:0 20px 0 0;
	padding:0;
	height:300px;
	
	animation-name: change;
    animation-duration: 32s;
    animation-iteration-count: infinite;
}

.carousel-item {
    line-height: 75px;
    margin: 0;
	
	font-family:'Gill Sans MT','Heebo';
	font-size:4em;
	color:white;
	font-weight:300;
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}

.banner-inner-text {
	/*padding:0 60px;*/
}

.news p {
	font-family:'Heebo';
	font-size:0.9em;
	padding:10px 0;
	margin:0;
	text-align:left;
	letter-spacing:0.02em;
	line-height:1.5em;
}

.banner-inner-text .bodytext {
	font-family:'Heebo';
	font-size:0.9em;
	padding:10px 0;
	margin:0;
	text-align:left;
	letter-spacing:0.02em;
	line-height:1.5em;
}

.banner-inner-text .bodytext-sm {
	font-family:'Heebo';
	font-size:0.8em;
	padding:20px 0;
	margin:0;
	text-align:left;
	letter-spacing:0.02em;
	line-height:1.5em;
}

.banner-inner-text .link-sm {
	font-family:'Heebo';
	font-size:0.8em;
	padding:20px 0;
	margin:0;
	text-align:left;
	letter-spacing:0.02em;
	line-height:1.5em;
	text-decoration:none;
}

.banner-inner-text .link-sm:hover {
	text-decoration:underline;
}

footer a {
	color:white;/*color:#f3bfbf;*/
	text-decoration:none;
	font-size:0.9em;
	text-align:right;
	display:inline-block;
}

footer a:hover {
	text-decoration:underline;
}

p a {
    text-decoration:none;
    color:#C00;
}

p a:hover {
    text-decoration:underline;
}


@media only screen and (max-width: 1239px) {
	
	h1 {
		font-family:'Gill Sans MT','Heebo';
		font-size:2.5em;
		color:white;
		font-weight:500;
		margin-right:40px;
		text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	}

	.hero-title {
		margin:0; 
		line-height:50px; 
		display:inline;
		height:50px;
	}
	
	.carousel {
		overflow:hidden;
		line-height: 50px;
		/*position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);*/
		height: 50px;
	}

	.carousel-list {
		list-style:none;
		margin-left:20px;
		display:inline-block;
		margin:0 20px 0 0;
		padding:0;
		height:200px;
		
		animation-name: change;
		animation-duration: 32s;
		animation-iteration-count: infinite;
	}

	.carousel-item {
		line-height: 50px;
		margin: 0;
		
		font-family:'Gill Sans MT','Heebo';
		font-size:2.5em;
		color:white;
		font-weight:500;
		text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	}
	
}


@media only screen and (max-width: 800px) {
	
	h1 {
		font-family:'Gill Sans MT','Heebo';
		font-size:1.8em;
		color:white;
		font-weight:500;
		margin-right:40px;
		text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	}

	.hero-title {
		margin:0; 
		line-height:40px; 
		display:inline;
		height:40px;
	}
	
	.carousel {
		overflow:hidden;
		line-height: 40px;
		/*position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);*/
		height: 40px;
	}

	.carousel-list {
		list-style:none;
		margin-left:20px;
		display:inline-block;
		margin:0 20px 0 0;
		padding:0;
		height:160px;
		
		animation-name: change;
		animation-duration: 32s;
		animation-iteration-count: infinite;
	}

	.carousel-item {
		line-height: 40px;
		margin: 0;
		
		font-family:'Gill Sans MT','Heebo';
		font-size:1.8em;
		color:white;
		font-weight:500;
		text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	}
	
}


@media only screen and (max-width: 550px) {
	
	h1 {
		font-family:'Gill Sans MT','Heebo';
		font-size:1.3em;
		color:white;
		font-weight:500;
		margin-right:40px;
		text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	}

	.hero-title {
		margin:0; 
		line-height:30px; 
		display:inline;
		height:30px;
	}
	
	.carousel {
		overflow:hidden;
		line-height: 30px;
		/*position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);*/
		height: 30px;
	}

	.carousel-list {
		list-style:none;
		margin-left:20px;
		display:inline-block;
		margin:0 20px 0 0;
		padding:0;
		height:120px;
		
		animation-name: change;
		animation-duration: 32s;
		animation-iteration-count: infinite;
	}

	.carousel-item {
		line-height: 30px;
		margin: 0;
		
		font-family:'Gill Sans MT','Heebo';
		font-size:1.3em;
		color:white;
		font-weight:500;
		text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	}

    footer a {
        font-size:0.8em;
    }
	
}

/* Carousel text animation */
@keyframes change {
  0%, 12.66%, 100% {transform:translate3d(0,0,0);}
  16.66%, 29.32% {transform:translate3d(0,-25%,0);}
  33.32%,45.98% {transform:translate3d(0,-50%,0);}
  49.98%,62.64% {transform:translate3d(0,-75%,0);}
  66.64%,79.3% {transform:translate3d(0,-50%,0);}
  83.3%,95.96% {transform:translate3d(0,-25%,0);}
}