#aug-hero .aug-inner .button:hover {
	text-decoration: none;
}
#aug-hero p {
	margin: 0;
	padding: 0;
}
#aug-hero {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/hero/back.webp);
	background-image: -webkit-image-set(url("../images/hero/back.webp") 1x, url("../images/hero/back@2x.webp") 2x);
}
#aug-hero .aug-inner {
	width: 1200px !important;
	max-width: 100% !important;
	min-height: 689px;
}
#aug-hero .headline {
	top: 9px;
	left: 50%;
	transform: translateX(-50%);
}
#aug-hero .promo {
	top: 214px;
	left: 50%;
	transform: translateX(-50%);
}
#aug-hero .stars {
	top: 491px;
	left: 50%;
	transform: translateX(57px);
}
#aug-hero .callout {
	top: 462px;
	right: 46px;
}
#aug-hero .promo {
	aspect-ratio: 2400 / 700;
	max-width: 100%;
	max-height: fit-content;
}
#aug-hero .promo-m {
	aspect-ratio: 750 / 550;
	max-width: 100%;
	max-height: fit-content;
}
#aug-hero .stars {
	aspect-ratio: 400 / 375;
	max-width: 100%;
	max-height: fit-content;
}
#aug-hero .button {
	font-size: 21.24px;
	background-color: #ffe40b;
	top: 497px;
	left: 50%;
	transform: translateX(-50%);
	width: 241px;
	height: 50px;
	border-radius: 25px;
}
@supports (text-box: trim-both cap alphabetic) {
	#aug-hero .button > span {
		display: block;
		text-box: trim-both cap alphabetic;
	}
}
@media screen and (max-width: 1380px) {
}
@media screen and (max-width: 991px) {
	#aug-hero .aug-inner {
		width: 100% !important;
		max-width: 720px !important;
		min-height: 0;
		padding: 40px 0 44px;
	}
	#aug-hero .headline, #aug-hero .promo, #aug-hero .stars, #aug-hero .callout, #aug-hero .promo-m-box {
		position: static;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		transform: none;
		margin: 0 auto;
	}
	#aug-hero .headline {
		max-width: 58.5%;
		margin: 0 auto 10px auto;
	}
	#aug-hero .promo {
		margin: 0 auto;
	}
	#aug-hero .stars-box {
		position: absolute;
		left: 2%;
		bottom: 16px;
		width: 150px;
		margin: 0;
	}
	#aug-hero .stars {
		position: static;
		width: 100%;
		margin: 0;
	}
	#aug-hero .callout {
		max-width: 41.7%;
		margin: 22px auto 0 auto;
	}
	#aug-hero .button {
		position: static;
		transform: none;
		margin: 20px auto 0 auto;
	}
}
@media screen and (max-width: 767px) {
	#aug-hero .aug-inner {
		padding: 28px 0 32px;
	}
	#aug-hero .button {
		margin: 16px auto 0 auto;
	}
}
@media screen and (max-width: 567px) {
	#aug-hero {
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url(../images/hero/back-m.webp);
		background-image: -webkit-image-set(url("../images/hero/back-m.webp") 1x, url("../images/hero/back-m@2x.webp") 2x);
	}
	#aug-hero .aug-inner {
		width: 375px !important;
		max-width: 100% !important;
		min-height: 684px;
		padding: 0;
	}
	#aug-hero .headline, #aug-hero .promo, #aug-hero .stars, #aug-hero .callout, #aug-hero .promo-m-box {
		position: static;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		transform: none;
		margin: 0;
	}
	#aug-hero .headline {
		position: absolute;
		top: 4px;
		left: 18.93%;
		width: 61.34%;
		max-width: 61.34%;
		margin: 0;
		z-index: 2;
	}
	#aug-hero .promo-m-box {
		position: absolute;
		top: 140px;
		left: 0;
		width: 100%;
		margin: 0;
		z-index: 1;
	}
	#aug-hero .promo-m {
		width: 100%;
		max-width: 100%;
	}
	#aug-hero .stars-box {
		position: absolute;
		top: 545px;
		left: 2.67%;
		width: 31.33%;
		bottom: auto;
		margin: 0;
		z-index: 3;
	}
	#aug-hero .stars {
		position: static;
		width: 100%;
		margin: 0;
	}
	#aug-hero .callout {
		position: absolute;
		top: 510px;
		left: 36.93%;
		width: 60%;
		max-width: 60%;
		margin: 0;
		z-index: 3;
	}
	#aug-hero .button {
		font-size: 15.93px;
		background-color: #ffe40b;
		position: absolute;
		top: 411px;
		left: 25.73%;
		transform: none;
		width: 48.27%;
		height: 38.5px;
		border-radius: 19.25px;
		margin: 0;
		z-index: 4;
	}
}