.remote-hero {
	background-color: #27282a;
	background-image: url(https://cdn.vizio.com/images/remote/Remote_With_SmartCast_TV_Updated.png);
	background-position: 50px bottom;
	background-repeat: no-repeat;
	width: 100%;
	height: 280px;
	background-size: 400px;
	display: table;
}
.remote-hero h1 {
	color: #f5f7f9;
	font-family: "BentonSans-Bold", sans-serif;
	padding-left: 50%;
	padding-right: 5%;
	display: table-cell;
	vertical-align: middle;
}
.remote-hero .svc-mark {
	font-family:sans-serif;
	font-weight:400;
	display:inline-block;
	font-size:12px;
	vertical-align:text-top;
	padding-top:3px;
}

@media only screen and (max-width: 1024px) {
	.slds-grid {
		padding: 12px;
	}
}

@media only screen and (max-width: 768px) {
	.remote-hero {
		background-size: 50%;
    	background-position: center bottom;
    	height: auto;
	}
	.remote-hero h1 {
		padding: 16px 12px;
		text-align: center;
		vertical-align: text-top;
		font-size: 28px !important;
		padding-bottom: 35%;
	}
	.cCenterPanel {
		width: 100% !important;
	}
	.empty {
		display: none !important;
	}
}