#home2023 #main {
	margin-bottom: 0;
}
@media (max-width: 768px) {
	#home2023 > .container-fluid.content {
		margin-top: 0;
	}
}
@media (min-width: 768px) {
	#home2023 > .container-fluid.content {
		margin-top: 0;
	}
}
header#header {
    border-bottom: solid 1px #ccc;
}

#ControlBar_ControlPanel ~ header#header {
    top: 54px;
}

section#main-content {
    padding: 40px 0;
}

@media (max-width: 1366px) {

p{
	color: white;
}
h2{
	color: white;
}

}

@media (max-width: 768px) {

p{
	color: rgba(109,110,112,1);
}
h2{
	color: rgba(109,110,112,1);
}
#PhoneBannerPane{
	visibility: visible;
}
section#phone-banner {
    background-color: #232323;
}

}

@media (min-width: 768px) {

#phone-banner {
	visibility: hidden;
    HEIGHT: 0PX;
}

}

.full-width-container {
	background-color: var(--light-grey-bg);
}


@media (min-width: 992px) {
	#home2023 .container-fluid.content {
		margin-top: 0;
	}
}

@media screen and (min-width: 1600px) {
	#home2023 .container {
		width: 100%;
		max-width: 1570px;
	}
}

#home2023 .col-xs-12 {
	min-height: unset;
}


.home-2023-header {
	height: 32.8125rem;
	background-position: center;
	background-size: cover;
	position: relative;
	background-color: var(--black);
}

.home-2023-header .container,
.home-2023-header .container > div {
	height: 100%;
}

.home-2023-header .header-content {
	display: flex;
	flex-direction: column;
	justify-content: end;
	padding-bottom: 3.125rem;
	height: 100%;
}
.home-2023-header video.fullscreen,
.home-2023-header video:not(.md-image) {
	position: absolute;
	z-index: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: .5;
}
video.fullscreen::-webkit-media-controls {
	display: none !important;
}

.home-2023-header .header-content h1{
	color: var(--white);
	font-weight: 700;
	font-size: 2rem;
	margin-bottom: 1.25rem;
}

@media (min-width: 992px) {
	.home-2023-header .header-content h1{
		margin-bottom: 3.25rem;
		font-size: 3.5rem;
	}
}
.home-2023-header .header-content .button-wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}
@media (min-width: 992px) {
	.home-2023-header .header-content .button-wrap {
		width: 26.875rem;
	}
}

.home-2023-header .header-content a {
	display: block;
	flex-direction: column;
	justify-content: flex-end;
	background-color: var(--primary-color);
	padding: .5rem 2.5rem;
	color: var(--white) !important;
	font-size: 1.25rem;
	font-weight: 700;
	text-transform: uppercase;
}
@media (min-width: 992px) {
	.home-2023-header .header-content a {
		padding: .5rem 3rem;
	}
}


.home-header h2 {
	color: var(--light-gray-text);
	font-size: 2rem;
	text-align: center;
	margin: 2.3125rem 0;
	font-weight: 700;
	line-height: 1.3;
}
.home-header p {
	color: var(--med-gray-text);
	font-size: 1.125rem;
}

.home-header .pronto-promo .pronto-images {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 3rem;
}

@media screen and (min-width: 960px) {
	.home-header .pronto-promo .pronto-images {
		flex-direction: row;
	}
}

.home-header .pronto-promo h3 {
	color: var(--light-gray-text);
	font-size: 1.375rem;
	font-weight: 700;
	text-align: center;
	margin: 1rem 0;
}

.home-header .pronto-promo .pronto-images .hrs-logo {
	margin-right: 1rem;
}

.home-header .pronto-promo .pronto-images .pronto-logo {
	margin-left: 1rem;
}

@media screen and (max-width: 960px) {
	.home-header .pronto-promo .pronto-images .pronto-logo {
		display: none;
	}
}

@media screen and (min-width: 960px) {
	.by-the-numbers.container .row.numbers-content {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}

	.by-the-numbers.container .row.numbers-content > div {
		max-width: 28.75rem;
	}
}
.container-fluid.content .by-the-numbers .row.by-the-numbers_heading {
	padding: 4rem 0;
}
.by-the-numbers .by-the-numbers_heading h2,
.by-the-numbers .by-the-numbers_heading h3 {
	color: var(--light-gray-text);
	text-align: center;
	line-height: 1;
}
.by-the-numbers .by-the-numbers_heading h2 {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: .5rem;
}
.by-the-numbers .by-the-numbers_heading h3 {
	font-size: 1.5rem;
	font-weight: 300;
}
.by-the-numbers p {
	font-size: 1.125rem;
	color: var(--light-gray-text);
	text-align: center;
}

.by-the-numbers_years,
.by-the-numbers_rank,
.by-the-numbers_retention {
	text-align: center;
	margin-bottom: 4rem;
}
#byNumbers_Years {
	opacity: 0;
}
#byNumbers_Ranking {
	opacity: 0;
}
#byNumbers_customers {
	opacity: 0;
}
.by-the-numbers_years .numbers-counter {
	display: block;
	width: 7rem;
}

.by-the-numbers .numbers-header {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	margin-bottom: 2rem;
}
.by-the-numbers .numbers-header i {
	font-size: 4.5rem;
	color: rgba(113,113,113);
	margin-right: .8rem;
}
.by-the-numbers .numbers-header h3 {
	font-size: 4rem;
	color: var(--light-gray-text);
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
	text-align: left;
}
.by-the-numbers .numbers-header h3 small{
	color: var(--light-gray-text);
	font-size: 1rem;
	display: block;
	font-weight: 700;
}


@media screen and (min-width: 960px) {
	.by-the-numbers_years,
	.by-the-numbers_rank,
	.by-the-numbers_retention {
		padding: 0 3rem;
	}
}

.content .row .row.newsletter-sign-up {
	margin: 3rem -15px; /* offset for bootstrap padding */
}
.content .row .row.newsletter-sign-up .sign-up-text h4 {
	margin: 0;
	font-size: 1.125rem;
	color: var(--black);
	line-height: 2;
}
.content .row .row.newsletter-sign-up .sign-up-text p {
	font-size: 1.125rem;
	line-height: 1.5;
}


@media screen and (min-width: 960px) {
	.content .row .row.newsletter-sign-up {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
}

.sign-up-input {
	display: flex;
	flex-direction: column;
	text-align: left;
	height: 100%;
	width: 100%;
}
@media screen and (min-width: 960px) {
	.sign-up-input {
		flex-direction: row;
		text-align: center;
	}
}
.sign-up-input input {
	width: 100%;
	background-color: var(--white);
	margin: 0 .2rem 0 0;
}
.sign-up-input button {
	padding: 0.78125rem 1.25rem;
	font-size: 1.125rem;
	text-transform: uppercase;
	height: 100%;
	max-width: 200px;
	margin-top: .5rem;
}

@media screen and (min-width: 960px) {
	.sign-up-input button {
		padding: 0.78125rem 2.75rem;
		margin-top: 0;
		max-width: unset;
	}
}
