@charset "utf-8";
/* ------------------------------------------------------------------
   PC Medic - responsive.css
   All breakpoint work lives here. Nothing in style.css resizes below
   the default desktop composition.
   ------------------------------------------------------------------ */

/* ---- Small laptops and large tablets (<= 1199px) ---- */
@media (max-width: 1199.98px)
{
	#pg-home #hero H1
	{
		font-size: 40px;
	}

	#pg-home #hero H2.hero-lead
	{
		font-size: 19px;
	}

	H1
	{
		font-size: 40px;
	}

	H2
	{
		font-size: 32px;
	}
}

/* ---- Tablets (<= 991px) ---- */
@media (max-width: 991.98px)
{
	SECTION
	{
		padding: 58px 0;
	}

	#pg-home #hero
	{
		padding: 28px 0 44px;
	}

	#pg-home #hero .hero-intro
	{
		margin-bottom: 24px;
	}

	#pg-home #hero H1
	{
		font-size: 34px;
	}

	/* Stacked: the form comes first, the artwork and points follow */
	#pg-home #hero .squeeze-card
	{
		max-width: 560px;
		margin: 0 auto 30px;
	}

	#pg-home #hero .scan-stage
	{
		max-width: 480px;
		margin: 0 auto;
	}

	#pg-home #hero .hero-points-wrap
	{
		max-width: 560px;
		margin: 24px auto 0;
	}

	#pg-home #safety .safety-item
	{
		margin-bottom: 20px;
	}

	#pg-home #scans .scan-card
	{
		margin-bottom: 20px;
	}

	#pg-home #how .step
	{
		margin-bottom: 26px;
	}

	#pg-home #how .step-arrow
	{
		display: none;
	}

	#pg-download #dlHero H1
	{
		font-size: 33px;
	}

	#pg-download .bounce-arrow
	{
		width: 84px;
		height: 84px;
		top: -30px;
		right: -4px;
	}

	#siteFooter .footer-col
	{
		margin-bottom: 30px;
	}
}

/* ---- Large phones / small tablets (<= 767px) ---- */
@media (max-width: 767.98px)
{
	BODY
	{
		font-size: 16px;
	}

	SECTION
	{
		padding: 46px 0;
	}

	H1
	{
		font-size: 31px;
	}

	H2
	{
		font-size: 27px;
	}

	H3
	{
		font-size: 22px;
	}

	.lead
	{
		font-size: 17px;
	}

	#siteHeader .brand-logo,
	#siteFooter .footer-logo
	{
		width: 158px;
	}

	#pg-home #hero H1
	{
		font-size: 30px;
	}

	#pg-home #hero .squeeze-card
	{
		padding: 26px 20px 22px;
	}

	#pg-home #hero .squeeze-card .squeeze-title
	{
		font-size: 23px;
	}

	#pg-home #safety
	{
		padding: 48px 0;
	}

	#pg-home #safety .safety-lead
	{
		margin-bottom: 32px;
	}

	#pg-home #safety .safety-note
	{
		padding: 18px 18px;
		font-size: 15px;
	}

	#pg-home #finalCta H2
	{
		font-size: 27px;
	}

	#pg-download #dlHero
	{
		padding: 36px 0 30px;
	}

	#pg-download #dlHero H1
	{
		font-size: 28px;
	}

	#pg-download #dlCard
	{
		padding: 28px 20px 24px;
	}

	#pg-download .bounce-arrow
	{
		width: 68px;
		height: 68px;
		top: -24px;
		right: -2px;
	}

	#siteFooter
	{
		padding-top: 46px;
	}
}

/* ---- Phones (<= 575px) ---- */
@media (max-width: 575.98px)
{
	H1
	{
		font-size: 27px;
	}

	H2
	{
		font-size: 24px;
	}

	#pg-home #hero
	{
		padding: 30px 0 40px;
	}

	#pg-home #hero H1
	{
		font-size: 26px;
	}

	#pg-home #hero .hero-points LI
	{
		font-size: 15px;
		line-height: 1.3;
	}

	#pg-home #hero H2.hero-lead
	{
		font-size: 17px;
	}

	#pg-home #hero .squeeze-card
	{
		padding: 22px 16px 18px;
	}

	.btn-cta
	{
		padding: 15px 22px;
		font-size: 18px;
	}

	.btn-cta.btn-lg
	{
		padding: 16px 26px;
		font-size: 19px;
	}

	.btn-cta.btn-block-sm
	{
		display: block;
		width: 100%;
	}

	#pg-download #dlHero H1
	{
		font-size: 25px;
	}

	/* The screen micro-labels stop being readable at phone widths. */
	#pg-home #hero .scan-stage .hs-micro
	{
		display: none;
	}

	#pg-download .bounce-arrow
	{
		width: 58px;
		height: 58px;
		top: -20px;
		right: 0;
	}

	#siteFooter .footer-bottom
	{
		text-align: center;
	}
}

/* ---- Short laptop screens (height-driven, not width-driven) -------
   A 1280x600 type laptop has little vertical room. Compress the hero
   further so the CTA still lands above the fold. Desktop only: on
   phones the stacked layout is meant to scroll.
   ----------------------------------------------------------------- */
@media (min-width: 992px) and (max-height: 680px)
{
	#pg-home #hero
	{
		padding: 12px 0 30px;
	}

	#pg-home #hero .hero-intro
	{
		margin-bottom: 10px;
	}

	#pg-home #hero H1
	{
		margin-bottom: 4px;
		font-size: 29px;
	}

	#pg-home #hero H2.hero-lead
	{
		font-size: 15px;
		line-height: 1.45;
	}

	#pg-home #hero .squeeze-card
	{
		padding: 15px 22px 13px;
	}

	#pg-home #hero .squeeze-card .squeeze-title
	{
		font-size: 20px;
	}

	#pg-home #hero .squeeze-card .squeeze-sub
	{
		margin-bottom: 8px;
		font-size: 14px;
	}

	#pg-home #hero .squeeze-card .form-group
	{
		margin-bottom: 6px;
	}

	#pg-home #hero .squeeze-card LABEL
	{
		margin-bottom: 2px;
		font-size: 12.5px;
	}

	#pg-home #hero .squeeze-card .form-control
	{
		height: 42px;
		padding: 0 12px;
		font-size: 15px;
	}

	#pg-home #hero .squeeze-card .btn-cta
	{
		margin-top: 2px;
		padding: 11px 24px;
		font-size: 17px;
	}

	#pg-home #hero .squeeze-card .form-note
	{
		margin-top: 6px;
		font-size: 12px;
	}
}

/* ---- Respect reduced motion ---- */
@media (prefers-reduced-motion: reduce)
{
	#pg-home #hero .ecg-trace,
	#pg-home #hero .ecg-beacon,
	#pg-home #hero .scan-stage .chip,
	#pg-download .bounce-arrow
	{
		-webkit-animation: none;
		animation: none;
		opacity: 1;
		stroke-dashoffset: 0;
	}
}

/* ---- Print ---- */
@media print
{
	#siteHeader,
	#scrolltop,
	.bounce-arrow
	{
		display: none;
	}
}