p.intro {
	margin-top: 40px;
	max-width: 100%;
	color: #0066ad;
	font-size: 24px;
	line-height: 33px;
	margin-bottom: 35px;
	font-weight: 500;
  }




  .inBoundLink {
	margin-bottom: 100px;
	margin-top:30px;
  }


  .gradient-text{
	font-family:"Abril Fatface", sans-serif;
	background: linear-gradient(to right, crimson,pink,springgreen);
	background-size: 200% 200%;
	animation: rainbow 2s ease-in-out infinite;
	background-clip: text;
	-webkit-background-clip:text;
	color:rgba(0,0,0,1);
	font-size:1rem;
	width:2vw;
	margin:2vh auto;
	display:block;
	text-align:center;
	transition: color .2s ease-in-out;
	text-transform:uppercase;
	font-weight:900;
  }


  .gradient-text {
	color: #007cd2; background-image: -webkit-linear-gradient(45deg, #007cd2 24%, #288ba1 54%, #28a0a0 80%); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent;
	font-size: 29px;
	font-weight: bold;
	line-height:48px;

	font-family: "Segoe UI",Arial,sans-serif;
	width:auto;
	margin:auto;
	text-align: left;
  }

  .gradient-text:hover{
	color:rgba(0,0,0,0);
  }

  @media screen and (min-width: 668px) {



	.gradient-text {
	  color: #007cd2; background-image: -webkit-linear-gradient(45deg, #007cd2 24%, #288ba1 54%, #28a0a0 80%); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent;
	  font-size: 29px;
	  font-weight: bold;
	  line-height:48px;

	  font-family: "Segoe UI",Arial,sans-serif;
	  width:auto;
	  margin:auto;margin-top: 85px;
	  text-align: left;
	}


  }




  h1 {
	color: #0079c2;
	font-size: 32px;
	margin-bottom: 15px;
	width: 100%;
	text-align: center;
  }
  h2.videoTitle {font-size: 1.5em; margin-top: 8px; margin-bottom: 0;}
  .carousel-control-next,
  .carousel-control-prev /*, .carousel-indicators */ {
	filter: invert(100%);
  }

  .rotationContainer {display: block; position: relative; height:30em;}


  .carsl-left {display: block; width: 50%; position: absolute; left:0px; top: 0px;
	background-position: center;   background-repeat: no-repeat;   background-size: cover;
	text-align: center; 
	padding: 30px; font-size: 2em; height: 100%;}

  .carsl-right {display: block; width: 50%; position: absolute; left: 50%; height: 100%; text-align: center; padding: 9% 7%; }

  .slide1 { background-image: url('/Images/atmc/atmc/site/images/business-banners/image001-finalb.jpg');}

  .slide2 { background-image: url('/Images/atmc/atmc/site/images/business-banners/image002.png');}

  .slide3 { background-image: url('/Images/atmc/atmc/site/images/business-banners/security_thermastat.jpg');}

  .carousel-control-prev {
	left: -80px;
  }

  .carousel-control-next {
	right: -80px;
  }




  @media screen and (max-width: 1150px) {
	.rotationContainer {display: block; position: relative; height: 14em;}
	.carsl-left {display: block; width: 50%; position: absolute; left:0px; top: 0px;
	  background-position: center;   background-repeat: no-repeat;   background-size: cover;
	  text-align: center; 
	  padding: 30px; font-size: 2em; height: 100%;}

	.carsl-right {display: block; width: 50%; position: absolute; right: 0; height: 100%; text-align: center; padding: 5% 3%; }
  }


  @media screen and (max-width: 900px) {
	.rotationContainer {display: block; position: relative; height: 14em;}
	.carsl-left {display: none; width: 50%; position: absolute; left:0px; top: 0px;
	  background-position: center;   background-repeat: no-repeat;   background-size: cover;
	  text-align: center; 
	  padding: 30px; font-size: 2em; height: 500px;}

	.carsl-right {display: block; width: 100%; position: absolute; left: 0; height: 200px; text-align: center; padding: 5% 3%; }
  }