/*32:38*/
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

body{
	overflow-x: hidden;
	font-family: 'Lato', sans-serif;
	color: #505962;
}

.offset:before{
	display: block;
	content: "";
	height: 4rem;
	margin-top: -4rem;
}

.btn-primary{
	background-color: #0000dd;
}
.btn-outline-primary{
	border-color: white;
	color: white;
}

/*-- Navigation --*/
.navbar {
	text-transform : uppercase;
	font-weight: 700;
	font-size: .9rem;
	letter-spacing: .1rem;
	background: rgba(0,0,0,0.5)!important;
}

.navbar-brand img{
	height: 2rem;
}

.navbar-nav li{
	padding-right: .7rem;
}

.navbar-dark .navbar-nav .nav-link{
	color: white;
	padding-top: .8rem;
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover{
	color: #0000dd;
}
/*-- End Navigation --*/

/*-- Description Section--*/
.narrow {
	width: 75%;
	margin: 1.5rem auto;
	padding-top: 2rem;
}
.narrow h1{
	font-size: 2.4rem;	
}
/*--End Description Section--*/

/*-- Landing Page--*/
.home-inner{
	/*background-image: url(../public/img/kahatex1.gif);*/
}
#hero_video{
	width: 100%;
	overflow: hidden;
}

.caption{
	width: 100%;
	max-width: 100%;
	position: absolute;
	top: 38%;
	z-index: 1;
	color: white;
	text-transform: uppercase;
}
.caption h1{
	font-size: 3.8rem;
	font-weight: 700;
	letter-spacing: .3rem;
	text-shadow: .1rem .1rem .8rem black;
	padding-bottom: 1rem;
}
.caption h3{
	font-size: 2rem;
	text-shadow: .1rem .1rem .5rem black;
	padding-bottom: 1.6rem;
}
/*-- End Landing Page --*/



/*--Alt1 Section--*/
.jumbotron{
	margin-bottom: 0;
	padding: 2rem 0 3.5rem;
	border-radius: 0;
}
h3.heading {
	font-size: 1.9rem;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 1.9rem;
}
.heading-underline{
	width: 3rem;
	height: .2rem;
	background-color: #0000dd;
	margin: 0 auto 2rem;
}
/*--End Alt1 Section--*/

/*--Alt2 Section--*/
.narrowcard{
	margin-bottom: 0;
	padding: 2rem 0 3.5rem;
}
.fixed{
	background-image: url(../public/img/jumbotron2.jpg);
	z-index: -1;
}
/*#fixed-spinning{
	width: 100%;
	overflow: hidden;
	z-index: -1;
}*/
.fixed-catheader{
	width: 100%;
	overflow: hidden;
	z-index: -1;
}
#fixed-weaving{
	background-image: url(../public/img/weaving1.gif);
	z-index: -1;
}
#fixed-labs{
	background-image: url(../public/img/labs1.gif);
	z-index: -1;
}
.dark {
	background-color: rgba(0,0,0,0.75);
	color: white;
}
.dark-50 {
	background-color: rgba(0,0,0,0.5);
	color: white;
}
.secondary-title{
	padding: 7rem 0rem;
}
.secondary-title h2{
	text-transform: uppercase;
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: .3rem;
	text-shadow: .1rem .1rem .8rem black;
	/*padding-bottom: 1rem;*/
}
.facility{
	color: rgba(0,0,0,0.75);
	padding: 5rem 2rem;
}
.fixed-background h3{
	margin-bottom: 2rem;
	color: rgba(0,0,0,0.75);
}
.fixed-background p{
	/*margin-top: 1.5rem;*/
}

.lead-ul{
	display: flex;
	justify-content: center;
	font-size: 1.25rem;
}

@media (max-width: 768px) {
  .home-inner {
    background: url('../public/img/Kahatex_01.jpg') center center / cover no-repeat;
  }

  #hero_video {
    display: none;
  }

  .fixed-catheader {
  	display: none;
  }

  .narrow {
  	width: 100%;
  }

  #sustainability-header {
  	font-size: 2rem;
  }
}