
  #get-it-now {
	background-color: #333;
	color: #fff;
  }
  
  
  @media only screen and (max-width:1450px){
	#heroH1 {
	  font-size: 60px;
	}
	#heroImg {
	  width: 500px;
	  position: absolute;
	  right: 150px;
	  left: 350px;
	  top: 80px;
	}
  }

  @media only screen and (max-width:1350px){

	#heroH1 {
	  font-size: 55px;
	}
	#heroImg {

	  left: 350px!important;
	  top: 120px;
	}
  }

  @media only screen and (max-width:1000px){
	.convenientLinks a{
	  width:60%!important;
	}
	.convenientLinks .row{
	  display:block!important;
	}
	#heroImg {
	  width:300px!important;
	  position: static;
	  text-align: center;
	  margin: 0 auto;
	  display:block;
	}
	#heroText{
	  padding-right: 0!important;
	}
  }

  .vheader a{
	width:50%!important;
  }
  .logo2Go a{
	width:50%!important;
  }



  @media only screen and (max-width:1500px){

	.convenientLinks {
	  padding: 20px 5%!important;
	}

	.featuresCol{
	  height:650px!important;
	}
	.upgrades{
	  height:650px!important;
	}
  }

  @media only screen and (max-width:1000px){
	.upgrades a{
	  width:50%!important;
	}


	.iconDiv div {
	  padding: 3% 0%!important;
	}

	.vheader{
	  background: url(/Images/HomeSC/2021/ht_video/hero_bg_mobile.png) 60% 90% / cover no-repeat!important;
	  background-color:#046eb4;

	}

	.hero{
	  padding-top:10%;


	}
	#likeNo{
	  position: static!important;
	  width:300px!important;
	  margin:0 auto;
	  text-align:center;
	  display:block;


	}

	.hero h1{
	  font-size:40px!important;
	  text-align: center!important;
	  padding-right:0px!important;

	}

	.heroText{
	  padding-top:10px!important;
	}

	.features h2{
	  margin-top:0px;
	}
	.featuresCol{
	  height:auto!important;
	  padding-bottom:20px!important;
	}
	#upgradeHeader {
	  margin-top:0px!important;
	}
	#upgradeHeader span{
	  font-size:1.5em!important;
	}
	.upgrades{
	  height:auto!important;
	  padding:20px 0px!important;
	}

	.convenientLinks a{
	  margin:10px auto!important;
	}

	.hometv{
	  display:block!important;
	  padding-bottom:10px;
	}

  }
  .features{
	margin:0px;
  }

  /* Hero Section*/
  .heroText{
	padding-top:120px;
	padding-right:75px;
	width:auto;
	font-family: myriad-pro, sans-serif;

	font-weight: 400;

	font-style: normal;
	font-size:25px;
  }

  @media only screen and (max-width: 1350px){
	h1{


	}

	.hero img {
	  width: 400px!important;

	  right: 150px;
	  left: 300px!important;
	  top: 70px;
	}

	.heroText {

	  padding-right:30px!important;
	}
  }


  .vheader{

	background: url("/Images/HomeSC/2021/ht_video/hero_bg_v2.png") no-repeat center;
	height:550px;
	background-size: cover;
	background-color:#046eb4;

  }
  .hero h1{
	font-size:70px;
	padding-right:50px;
	font-family: 'Oswald', sans-serif;

  }
  .hero span{
	font-size:2em;
	color:#16a8df;
	font-weight:bold;
  }

  .heroText{
  }
  .hero img{
	width: 550px;
	position: absolute;
	right: 150px;
	left: 420px;
	top: 100px;

  }

  .heroText{

  }
  .vheader button, .vheader a{
	text-align: center;
	margin:0 auto;
	display:block;
	color:white;
	background-color:#16a8df;
	border-radius:20px;
	font-size:12px;
	padding:10px 0px;
	border:none;
	box-shadow: 1px 1px #888888;
	font-size:15px;
	width:30%;

  }
  .vheader a:hover{
	text-decoration:none;
  }

  /* Button Styles*/





  .vheader a {
	color: #FFFFFF;
	transition: all 0.5s;
	cursor: pointer;

  }

  .vheader a span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
  }

  .vheader a span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
  }

  .vheader a:hover span {
	padding-right: 25px;
  }

  .vheader a:hover span:after {
	opacity: 1;
	right: 0;
  }

  .logo2Go a {
	color: #FFFFFF;
	transition: all 0.5s;
	cursor: pointer;
	width:25%;
  }

  .logo2Go a span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
  }

  .logo2Go a span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
  }

  .logo2Go a:hover span {
	padding-right: 25px;
  }

  .logo2Go a:hover span:after {
	opacity: 1;
	right: 0;
  }
  .convenientLinks a {

	transition: all 0.5s;
	cursor: pointer;
	display:block;
	margin:10px 0px;
	text-decoration: none;
  }

  .convenientLinks a span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
	text-align: center;
	display: block;
  }

  .convenientLinks a span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: 20px;
	transition: 0.5s;
  }

  .convenientLinks .row{
	display:flex;
	justify-content: space-between;


  }

  .convenientLinks .col{
	margin:auto 2px!important;


  }

  .convenientLinks a span:after {

	right: 20px!important;

  }

  .row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;}

  .convenientLinks a:hover span {
	padding-right: 25px;
  }

  .convenientLinks a:hover span:after {
	opacity: 1;
	right: 0;
  }

  .upgrades a {

	transition: all 0.5s;
	cursor: pointer;
	display:block;

	text-decoration: none;
	width:200px;
	display:block
  }

  .upgrades a span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
	text-align: center;
	display: block;
  }

  .upgrades a span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
  }

  .upgrades a:hover span {
	padding-right: 25px;
  }

  .upgrades a:hover span:after {
	opacity: 1;
	right: 0;
  }





























  .vheader p{
	text-align: center;
  }




  /* 2nd section features section */

  .iconDiv div{
	padding:3% 0;
  }

  .iconDiv p{
	color:white;
  }

  .iconDiv span{
	color:black;
  }

  @media only screen and (max-width:1350px){
	.iconDiv {
	  padding: 0px 0px 0px 150px!important;
	}

  }

  @media only screen and (max-width:1150px){
	.iconDiv {
	  padding:0 100px!important;

	}
	.iconImg{
	  left: 30px!important;
	}


  }

  .featuresCol h2{
	font-family: bebas-kai, sans-serif;
	font-weight: lighter;

  }
  .features h2{
	padding-left:60px;
	color:white;
	font-size: 40px;

  }
  .iconDiv{
	padding: 0 50px 0 150px;
  }
  .featuresCol{

	background-color:#6fb940;
	height:550px;
  }
  .iconImg{
	position: absolute;
	left: 75px;
	font-size:50px;
	color:black;
  }


  /* Upgrades Section */

  .upgrades{

	background-image: url('/Images/HomeSC/2021/ht_video/movie_titles_background_v2.png');
	padding:0;
	height:550px;
	background-size: contain;
	background-color:#046eb4;

  }

  .upgrades img{

	text-align:center;
  }

  .upgrades p{

	text-align:center;
	color:white;
	padding:0 20px;
	text-shadow: 10px 10px 15px black;
	font-size:20px;
  }


  #upgradeHeader{
	font-size:40px;
	font-weight:200;
	text-align:center;
	padding-left:0;
	text-shadow: 10px 10px 30px black;

  }

  #upgradeHeader span{
	font-size:100px;
	font-weight:bold;

  }

  .upgrades a{
	background-color: white;
	border-radius: 20px;
	color: #093b56;
	padding: 5px 20px;
	margin: 50px auto 0 auto;
	display: block;
	border: 5px #003e6f;
	border-style: double;
	font-weight:bold;



  }
  #fadeLine{
	width:80%;
	text-align:center;
	display:block;
	margin:0 auto;
  }

  #logoBanner{
	width:100%;
	margin-top:20px;
  }


  /* Convenient Links Section */
  .convenientLinks{

	padding:20px 5%;
	background-image: url('/Images/HomeSC/2021/ht_video/gray_bg.png');
	background-size:cover;
  }



  .convenientLinks h2{
	text-align:center;
	font-size:50px;
	color:white;
	padding-bottom:20px
  }

  .convenientLinks a{
	color: #179c69;
	background-color: white;
	padding: 10px 1px;
	border: none;
	box-shadow: 1px 1px #888888;
	border-radius: 20px;
	font-weight: bold;
	width: 100%;
	margin: 0 auto;
  }


  /* HomeTv Section */


  .hometv{
	display:flex;
	align-items: center;


  }

  .people img{
	width:100%
  }

  .logo2Go img{
	width:70%;
	margin:40px auto;
	text-align:center;
	display:block;
  }

  .logo2Go p{
	padding-top:10px;
	text-align:center;
	font-size: 30px;
	padding-bottom:10px;

  }

  .logo2Go a{
	text-align:center;
	margin:40px auto;
	display:block;
	background-color:#16a8df;
	color:white;
	padding:10px 20px;
	border-radius:20px;
	border:none;
	box-shadow: 1px 1px #888888;
  }
