@media (min-width: 1200px)
{
	.container
	{
		width: 100%;
		max-width: 2019px;
	}
}

@media (min-width: 992px)
{
	.container
	{
		width: 100%;
	}
	
	#hero button
	{
	zoom: 130%;
	}
}


@media (max-width: 992px)
{
	#benefits .row
	{
	gap: 28px;
    }

	#benefits H3
	{
	font-size: 20px;
	height: auto;
    }

	#benefits P 
	{
	font-size: 14px;
    }

	#benefits .card
	{
	margin: 0 auto;
	max-width: 300px;
    }

	.btn-download 
	{
	margin-top: 32px;
	width: 100%;
	font-size: 14px;
    }

	.row-alternating2x .xcol 
	{
	height: auto;
	padding: 16px !important;
	margin-bottom: 28px;
    }

	.row-alternating2x IMG {
	width: 100%;
	height: auto !important;
    }

	.navbar
	{
	padding: 9px 16px !important
	}

	#testim
	{
	margin-top: 32px;
	}

	#faq
	{
	margin-top: 32px;
	padding-top: 0 !important;
	}

	.scrolling-past-200 .navbar
	{
	background-color: #313131;
	}

	#hero H1
	{
	font-size: 48px;
	color: black;
	}

	.hero-content-wrapper
	{
	color: #000;
	max-width: 100%;
	background-color: #F3FCFF;
	padding: 16px;
	}

	.hero-content-wrapper H2,
	.hero-content-wrapper P
	{
	font-size: 32px;
	line-height: normal;
	}

   	#scroll-install
	{
	display: none !important;
	}

	#hero
	{
	background: url(../img/home-page-hero-img-mobile.webp) 50% 0 no-repeat;
	background-size: 100% 50%;
	padding: 88px 16px 64px;
	min-height: 650px;
	}


	#hero .row
	{
	height: 100%;
	min-height: 0;
	max-height: unset;
	}

	#hero .container-fluid
	{
	min-height: 500px;
	}

	
	#lastcta
	{
	padding: 24px 16px !important;
	}
	#lastcta .container
	{
	padding: 0 !important;
	}
	#lastcta h2
	{
	margin: 0 0 16px !important;
	}

	#lastcta p
	{
	max-width: 288px;
	margin: 0 auto 16px !important;
	padding: 0 !important;
	}

	#lastcta a
	{
	max-width: 288px !important;
	margin: 0 !important;
	zoom: 0 !important;
	}

	#lastcta H2
	{
	font-size: 28px;
	}

	#lastcta .container
	{
	max-width: 100%;
	}

}


@media (min-width: 540px) and (max-width: 920px)
{
	#hero H1
	{
	font-size: 42px !important;
	}

	.hero-content-wrapper H2,
	.hero-content-wrapper P
	{
	font-size: 28px;
	}
}


@media (max-width: 540px)
{
	#hero H1
	{
	font-size: 32px !important;
	}

	.hero-content-wrapper H2,
	.hero-content-wrapper P
	{
	font-size: 24px;
	}
}

@media (max-width: 405px)
{
	#hero H1
	{
	font-size: 28px !important;
	}

	.hero-content-wrapper H2,
	.hero-content-wrapper P
	{
	font-size: 20px;
	}
}