/* ---- particles.js container ---- */
 #particles-js{
	 height: 600px;
	 width: 100%;
	 background-color: #000;
	 background-image: url('../images/houstonskyline.jpg');
	 background-size: cover;
	 background-position: center;
	 background-repeat: no-repeat;
	 color:#fff;
	 display: flex;
	 justify-content: center;
	 *flex-wrap: wrap;
}


 .particles-js-canvas-el {
	 position: absolute;
	 left:0px;
}

 .hero-title{
	 font-size: 44px;
	 max-width: 700px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 margin: 24px;
}

 @media only screen and (max-width: 768px) {
	 .hero-title {
		 font-size: 28px;
	}
}

 .hero-title h1{
	 text-shadow: 5px 5px #000000;
}
 .hero-title h1 span{
	 animation-name: change-data-color;
	 animation-duration: 15s;
	/* animation-iteration-count: infinite;
	 */
}
 @keyframes change-data-color {
	 from {
		 opacity: 0 
	}
	 to {
		 opacity: 1 
	}
}
 #particles-js h1{
	 font-size: 2em;
}


/* cascade landing page overrides */

.full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: -3.75rem;
	margin-bottom: -3.75rem;
}