/* Find Sassy Styles */

.sassy-find {
	padding: 7.5em 9em;
}

.sassy-find .main {
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: end;
	align-items: flex-end;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.sassy-find figure {
	position: relative;
}

.sassy-find .find-img1 {
	background-image: url(/images/silver-frame.png);
	width: 60.389rem;
	height: 39.556rem;
	background-repeat: no-repeat;
	background-size: contain;
}

.sassy-find .find-img1 img {
	position: absolute;
	z-index: -1;
	left: 6.6em;
	top: 3.9em;
	display: block;
	width: 80%;
}

.sassy-find .find-img2 {
	position: absolute;
	bottom: -3em;
	left: -8em;
}

.find-your {
	padding-bottom: 2.5em;
	padding-left: 2em;
}

.find-your header {
	padding-bottom: 0;
}

.sassy-find .find-your h4 {
	font-size: 10.5rem;
	line-height: 1;
	position: relative;
}

.sassy-find .find-your h4 strong {
	line-height: 1.125;
	font-size: 2.222rem;
	display: block;
	position: static;
	max-width: 16.667rem;
}

.sassy-find .find-your h4 strong a:hover {
	color: #EC008B; /* $primary */
}

.no-touch .sassy-find .find-your h4 strong a:hover {
	color: #EC008B; /* $primary */
	-webkit-text-fill-color: #EC008B !important;
}

.sassy-find .find-your h4 strong:after {
	content: '';
	background-image: url(/images/swirl-heart-right.png);
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	width: 20.944rem;
	height: 4.444rem;
	bottom: 0.5em;
	left: 13.1vw;
}

.find-your .find-search {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	position: relative;
	z-index: 1;
	background-color: #e8ebed;
	border-radius: 2em;
	-ms-flex-align: stretch;
	align-items: stretch;
	margin: 0 auto;
	max-width: 16.667rem;
}

.find-search input {
	border: none;
	text-transform: uppercase;
	color: #5C3191;
	font-weight: 600;
	letter-spacing: .050em;
	padding: .3em 0 .3em 2.2em;
	background-color: transparent;
	font-size: 0.778rem;
	max-width: 14em;
}

.find-search .btn {
	padding: .9em;
	letter-spacing: .200em;
	font-size: 0.889rem;
	border-radius: 23px;
	box-shadow: 0px 3px 0px 0px rgba(151, 172, 28, 0.004);
	width: 60px;
	height: 47px;
}

/* End Find Sassy Styles */

/* 1440px Responsive */

@media screen and (max-width:1440px) {
	.sassy-find .find-img2 {
		bottom: -4.3em;
		left: -14.3em;
		max-width: 51%;
	}

	.find-your {
		padding-left: 0;
	}

	.sassy-find .find-your h4 {
		font-size: 8.5rem;
	}
}

/* End 1440px Responsive */

/* 1200px Responsive */

@media screen and (max-width:1200px) {
	.sassy-find {
		padding: 3.5em 9em 2em;
	}

	.sassy-find .find-img1 {
		width: 46.389rem;
		height: 30.556rem;
	}

	.sassy-find .find-img1 img {
		width: 85%;
		left: 4.3em;
	}

	.sassy-find .find-your h4 strong:after {
		display: none;
	}

	.find-your {
		padding-left: 1em;
	}
}

/* End 1200px Responsive */

/* 1000px Responsive */

@media screen and (max-width:1000px) {
	.sassy-find {
		padding: 6.5em 2em 10em;
	}

	.sassy-find .find-img1 {
		width: 35.389rem;
		height: 24.556rem;
	}

	.sassy-find .find-img1 img {
		width: 80%;
		left: 3.5em;
	}

	.sassy-find .find-img2 {
		bottom: -.3em;
		left: -6.3em;
		max-width: 51%;
	}

	.sassy-find .find-your h4 {
		font-size: 6.4rem;
	}

	.find-your header {
		padding-bottom: 0;
	}
}

/* End 1000px Responsive */

/* 800px Resposnive */

@media screen and (max-width:800px) {
	.sassy-find .main {
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.find-your {
		padding-left: 0;
	}

	.sassy-find {
		padding: 6.5em 2em;
	}

	.sassy-find .find-your h4 strong {
		max-width: none;
	}
}

/* End 800px Resposnive */

/* 550px Resposnive */

@media screen and (max-width:550px) {
	.sassy-find figure {
		-ms-flex-order: 2;
		order: 2;
	}

	.sassy-find {
		padding: 1.5em 2em 4em;
	}

	.sassy-find .find-img2 {
		display: none;
	}

	.sassy-find .find-img1 {
		width: 26.389rem;
		height: 17.556rem;
	}

	.sassy-find .find-img1 img {
		width: 82.4%;
		left: 2.1em;
		top: 2.5em;
	}

	.sassy-find .find-your h4 {
		font-size: 8em;
	}
}

/* End 550px Resposnive */
