.page-banner {
	background: rgba(0, 0, 0, 0) url("/images/HomeSC/site/hometv2go/banner_bg_hometv2go.jpg") repeat scroll 50% bottom / cover ;	
  }
  .page-banner h1 {
	height:100px;
	color:transparent;
	text-indent:-100%;
	overflow:hidden;
	background:url(/Images/HomeSC/images/hometv2gologo.png) no-repeat left top;
	margin:15px 0 5px;
	padding:0;
  }
  .page-banner h2 {
	font-weight:300;
	font-size:28px;
	line-height: 1.5;
	color: orange;
  }
  .page-banner h2 > em {
	font-weight:100;
	font-size:20px;
  }

  .green {
	color: #139a69;
  }

  #steps-wrap {
	padding: 15px 5px 30px;
  }
  #steps-wrap h2 {
	font-size:36px;
	line-height:46px;
	margin:auto;
	padding:30px;
  }
  h6.step {
	display:inline-block;
	background: url('/Images/HomeSC/2020/universal/green-arrow.png') no-repeat center right;
	color: #fff;
	font-size:23px;
	font-weight:bold;
	text-transform:uppercase;
	height:96px;
	margin:20px 0 5px;
	padding:38px 60px 10px 65px;
  }
  #steps-wrap p {
	font-size:22px;
	line-height:30px;
	padding:5px 20px;
  }
  #steps-wrap figure {
	padding:15px 5px;
  }
  #steps-wrap figure a img {
	width:100%;
	max-width:350px;
  }

  @media screen and (max-width: 767px) {
	#steps-wrap h2 {
	  font-size:26px;
	  line-height:36px;
	  padding:15px;
	}
	#steps-wrap p {
	  font-size:18px;
	  line-height:25px;
	  padding:5px 10px;
	}
  }



  @media (max-width: 768px) {
	.page-banner [class^="pos-"] {
	  position:relative;
	}
	.page-banner .pos-vert {
	  transform:none;
	  top:auto;
	  position:relative;
	  margin-top:45px;
	}
	.page-banner img[class^="img-pin-"] {
	  position:relative;
	  width:150%;
	  height:auto;
	  margin-top:20px;
	}
	.page-banner h2 > em {
	  display: block;
	}	
	.page-banner h2 {
	  font-size:32px;
	}
  }