.orbit_banner_container {
  position: relative !important;
}	
	
.orbit_text
{
	position: absolute !important;
	top: 5% !important;
	left: 7%;
	width: 50% !important;
	background-color:transparent;
	/*background-image: linear-gradient(to right, #161c28, #212737 );*/
	border-radius: 5px;
	font-family:MontserratRegular;
}
	
#largeText1 {
	opacity: 0;
	animation-name: fadeIntagLine1;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
  	animation-fill-mode: forwards;
}

@keyframes fadeIntagLine1 {
	0% {opacity: 0;}
	100% {opacity: 1;}	
	from {color:transparent;}
  	to {color: #FFF;}
}

	
#largeText2 {
	opacity: 0;
	animation-name: fadeIntagLine2;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
	animation-delay: 1s;
  	animation-fill-mode: forwards;
}
	
@keyframes fadeIntagLine2 {
	0% {opacity: 0;}
	100% {opacity: 1;}	
	from {color:transparent;}
  	to {color: #FFA500;}
}
	
#medText1 {
	overflow: hidden !important;
  	white-space: nowrap;
  	margin: 0 auto;
	color:transparent;
	animation-name: inMedText1;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1s;
	animation-delay: 3s;
  	animation-fill-mode: forwards;
}
	
@keyframes inMedText1 {
  from { width: 0; color:transparent; }
  to { width: 100%; color: #FFA500; }
}
	
#smallText1 {
	opacity: 0;
	animation-name: fadesmallText1;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1s;
	animation-delay: 4s;
  	animation-fill-mode: forwards;
}

@keyframes fadesmallText1 {
	0% {opacity: 0;}
	100% {opacity: 1;}	
	from {color:transparent;}
  	to {color: #FFF;}
}
	
#medText2 {
	overflow: hidden !important;
  	white-space: nowrap;
  	margin: 0 auto;
	color:transparent;
	animation-name: inMedText2;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1s;
	animation-delay: 5s;
  	animation-fill-mode: forwards;
}
	
@keyframes inMedText2 {
  from { width: 0; color:transparent; }
  to { width: 100%; color: #FFA500; }
}
	
#smallText2 {
	opacity: 0;
	animation-name: fadesmallText2;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1s;
	animation-delay: 6s;
  	animation-fill-mode: forwards;
}

@keyframes fadesmallText2 {
	0% {opacity: 0;}
	100% {opacity: 1;}	
	from {color:transparent;}
  	to {color: #FFF;}
}
	
	
	
#medText3 {
	overflow: hidden !important;
  	white-space: nowrap;
  	margin: 0 auto;
	color:transparent;
	animation-name: inMedText3;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1s;
	animation-delay: 7s;
  	animation-fill-mode: forwards;
}
	
@keyframes inMedText3 {
  from { width: 0; color:transparent; }
  to { width: 100%; color: #FFA500; }
}
	
#smallText3 {
	opacity: 0;
	animation-name: fadesmallText3;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1s;
	animation-delay: 8s;
  	animation-fill-mode: forwards;
}

@keyframes fadesmallText3 {
	0% {opacity: 0;}
	100% {opacity: 1;}	
	from {color:transparent;}
  	to {color: #FFF;}
}
	
	
	
#medText4 {
	overflow: hidden !important;
  	white-space: nowrap;
  	margin: 0 auto;
	color:transparent;
	animation-name: inMedText4;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1s;
	animation-delay: 9s;
  	animation-fill-mode: forwards;
}
	
@keyframes inMedText4 {
  from { width: 0; color:transparent; }
  to { width: 100%; color: #FFA500; }
}
	
#smallText4 {
	opacity: 0;
	animation-name: fadesmallText4;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1s;
	animation-delay: 10s;
  	animation-fill-mode: forwards;
}

@keyframes fadesmallText4 {
	0% {opacity: 0;}
	100% {opacity: 1;}	
	from {color:transparent;}
  	to {color: #FFF;}
}

	
@media only screen and (max-width: 600px) 
{
	#largeText1{margin-bottom: 0px !important;}
	#medText1 {font-size:2.5vw !important; margin-top: 0px !important;}
	#medText2 {font-size:2.5vw !important; margin-top: 0px !important;}
	#medText3 {font-size:2.5vw !important; margin-top: 0px !important;}
	#medText4 {font-size:2.5vw !important; margin-top: 0px !important;}
	#bannerPic{width: 100% !important; height: auto !important;}
}

@media screen and (min-width: 601px) and (max-width: 1000px) 
{
	#medText1 {font-size:2.0vw !important; margin-top: 0px !important;}
	#medText2 {font-size:2.0vw !important; margin-top: 0px !important;}
	#medText3 {font-size:2.0vw !important; margin-top: 0px !important;}
	#medText4 {font-size:2.0vw !important; margin-top: 0px !important;}
}