.tempur-pedic-wrapper html,
.tempur-pedic-wrapper body,
.tempur-pedic-wrapper div,
.tempur-pedic-wrapper span,
.tempur-pedic-wrapper applet,
.tempur-pedic-wrapper object,
.tempur-pedic-wrapper iframe,
.tempur-pedic-wrapper h1,
.tempur-pedic-wrapper h2,
.tempur-pedic-wrapper h3,
.tempur-pedic-wrapper h4,
.tempur-pedic-wrapper h5,
.tempur-pedic-wrapper h6,
.tempur-pedic-wrapper p,
.tempur-pedic-wrapper blockquote,
.tempur-pedic-wrapper pre,
.tempur-pedic-wrapper a,
.tempur-pedic-wrapper abbr,
.tempur-pedic-wrapper acronym,
.tempur-pedic-wrapper address,
.tempur-pedic-wrapper big,
.tempur-pedic-wrapper cite,
.tempur-pedic-wrapper code,
.tempur-pedic-wrapper del,
.tempur-pedic-wrapper dfn,
.tempur-pedic-wrapper em,
.tempur-pedic-wrapper img,
.tempur-pedic-wrapper ins,
.tempur-pedic-wrapper kbd,
.tempur-pedic-wrapper q,
.tempur-pedic-wrapper s,
.tempur-pedic-wrapper samp,
.tempur-pedic-wrapper small,
.tempur-pedic-wrapper strike,
.tempur-pedic-wrapper strong,
.tempur-pedic-wrapper sub,
.tempur-pedic-wrapper sup,
.tempur-pedic-wrapper tt,
.tempur-pedic-wrapper var,
.tempur-pedic-wrapper b,
.tempur-pedic-wrapper u,
.tempur-pedic-wrapper i,
.tempur-pedic-wrapper center,
.tempur-pedic-wrapper dl,
.tempur-pedic-wrapper dt,
.tempur-pedic-wrapper dd,
.tempur-pedic-wrapper ol,
.tempur-pedic-wrapper ul,
.tempur-pedic-wrapper li,
.tempur-pedic-wrapper fieldset,
.tempur-pedic-wrapper form,
.tempur-pedic-wrapper label,
.tempur-pedic-wrapper legend,
.tempur-pedic-wrapper table,
.tempur-pedic-wrapper caption,
.tempur-pedic-wrapper tbody,
.tempur-pedic-wrapper tfoot,
.tempur-pedic-wrapper thead,
.tempur-pedic-wrapper tr,
.tempur-pedic-wrapper th,
.tempur-pedic-wrapper td,
.tempur-pedic-wrapper article,
.tempur-pedic-wrapper aside,
.tempur-pedic-wrapper canvas,
.tempur-pedic-wrapper details,
.tempur-pedic-wrapper embed,
.tempur-pedic-wrapper figure,
.tempur-pedic-wrapper figcaption,
.tempur-pedic-wrapper footer,
.tempur-pedic-wrapper header,
.tempur-pedic-wrapper hgroup,
.tempur-pedic-wrapper menu,
.tempur-pedic-wrapper nav,
.tempur-pedic-wrapper output,
.tempur-pedic-wrapper ruby,
.tempur-pedic-wrapper section,
.tempur-pedic-wrapper summary,
.tempur-pedic-wrapper time,
.tempur-pedic-wrapper mark,
.tempur-pedic-wrapper audio,
.tempur-pedic-wrapper video {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

.tempur-pedic-wrapper article,
.tempur-pedic-wrapper aside,
.tempur-pedic-wrapper details,
.tempur-pedic-wrapper figcaption,
.tempur-pedic-wrapper figure,
.tempur-pedic-wrapper footer,
.tempur-pedic-wrapper header,
.tempur-pedic-wrapper hgroup,
.tempur-pedic-wrapper menu,
.tempur-pedic-wrapper nav,
.tempur-pedic-wrapper section {
	display: block;
}

.tempur-pedic-wrapper body {
	line-height: 1;
}

.tempur-pedic-wrapper ol,
.tempur-pedic-wrapper ul {
	list-style: none;
}

.tempur-pedic-wrapper blockquote,
.tempur-pedic-wrapper q {
	quotes: none;
}

.tempur-pedic-wrapper blockquote::before,
.tempur-pedic-wrapper blockquote::after {
	content: '';
	content: none;
}

.tempur-pedic-wrapper q::before,
.tempur-pedic-wrapper q::after {
	content: '';
	content: none;
}

.tempur-pedic-wrapper table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: 'Gotham';
	src: url("fonts/Gotham-Book/Gotham-Book.eot");
	src: url("fonts/Gotham-Book/Gotham-Book.woff2") format("woff2"), url("fonts/Gotham-Book/Gotham-Book.woff") format("woff"), url("fonts/Gotham-Book/Gotham-Book.ttf") format("truetype"), url("fonts/Gotham-Book/Gotham-Book.svg#Gotham-Book") format("svg"), url("fonts/Gotham-Book/Gotham-Book.eot?#iefix") format("embedded-opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: 'Gotham';
	src: url("fonts/Gotham-Bold/Gotham-Bold.eot");
	src: url("fonts/Gotham-Bold/Gotham-Bold.woff2") format("woff2"), url("fonts/Gotham-Bold/Gotham-Bold.woff") format("woff"), url("fonts/Gotham-Bold/Gotham-Bold.ttf") format("truetype"), url("fonts/Gotham-Bold/Gotham-Bold.svg#Gotham-Bold") format("svg"), url("fonts/Gotham-Bold/Gotham-Bold.eot?#iefix") format("embedded-opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 700;
}

.tempur-pedic-wrapper .text-white {
	color: white !important;
}

.tempur-pedic-wrapper .text-black {
	color: black !important;
}

.tempur-pedic-wrapper .text-uppercase {
	text-transform: uppercase;
}

.tempur-pedic-wrapper .text-center {
	text-align: center;
}

.tempur-pedic-wrapper .text-left {
	text-align: left;
}

.tempur-pedic-wrapper .no-margin {
	margin: 0;
}

.tempur-pedic-wrapper .no-wrap {
	white-space: nowrap;
}

.tempur-pedic-wrapper h1,
.tempur-pedic-wrapper h2,
.tempur-pedic-wrapper h3,
.tempur-pedic-wrapper h4,
.tempur-pedic-wrapper h5,
.tempur-pedic-wrapper h6,
.tempur-pedic-wrapper p,
.tempur-pedic-wrapper a {
	font-family: "Gotham", helvetica, arial, sans-serif;
	font-weight: 400;
}

.tempur-pedic-wrapper h1,
.tempur-pedic-wrapper h2,
.tempur-pedic-wrapper h3,
.tempur-pedic-wrapper h4,
.tempur-pedic-wrapper h5 {
	text-transform: uppercase;
}

.tempur-pedic-wrapper h1 {
	font-size: 2.25em;
	line-height: 1.277;
}

.tempur-pedic-wrapper h2 {
	font-size: 1.75em;
	line-height: 1.28;
	margin: .5em auto;
}

.tempur-pedic-wrapper h3 {
	font-size: 1.375em;
	font-weight: 700;
	margin: 0 auto .5em;
}

.tempur-pedic-wrapper h6 {
	font-size: .625em;
	letter-spacing: .04em;
	line-height: 1.25;
	margin-bottom: 0;
}

.tempur-pedic-wrapper p {
	font-size: 1em;
	line-height: 1.4;
	margin-bottom: 1em;
}

.tempur-pedic-wrapper p__small {
	font-size: .825em;
}

.tempur-pedic-wrapper strong {
	font-weight: 700;
}

.tempur-pedic-wrapper .btn-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	width: 100%;
}

.tempur-pedic-wrapper .btn-container--center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.tempur-pedic-wrapper .btn {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: white;
	display: block;
	font-family: "Gotham", helvetica, arial, sans-serif;
	font-weight: 700;
	padding: 1em 1.5em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

.tempur-pedic-wrapper .btn--blue {
	background-color: #006481;
}

.tempur-pedic-wrapper .btn--blue:hover {
	background-color: #004a60;
}

.tempur-pedic-wrapper .btn--light-blue {
	background-color: #9cc3d1;
	color: #3c4652;
}

.tempur-pedic-wrapper .btn--light-blue:hover {
	background-color: #ceecf7;
}

.tempur-pedic-wrapper .img-container {
	display: block;
	margin: 0 auto 2em;
	width: 100%;
}

.tempur-pedic-wrapper .img-container img {
	display: block;
	height: 14em;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

.tempur-pedic-wrapper .card {
	background-color: #f4f5f6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin-bottom: 2em;
	padding: 2em;
}

.tempur-pedic-wrapper .card:last-child {
	margin-bottom: 0;
}

.tempur-pedic-wrapper .card__img {
	display: block;
	margin: 0 auto 2em;
	width: 100%;
}

.tempur-pedic-wrapper .card__h3,
.tempur-pedic-wrapper .card__p {
	text-align: center;
}

.tempur-pedic-wrapper .card__p {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

.tempur-pedic-wrapper section {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1.5em 1em;
}

.tempur-pedic-wrapper .container {
	margin: 1.5em auto;
	max-width: 67.5em;
}

.tempur-pedic-wrapper .intro {
	background: radial-gradient(circle at 50% -20%, #999999, black 80%);
	background-color: black;
	width: 100%;
}

.tempur-pedic-wrapper .intro__img {
	display: block;
	margin: auto;
	width: 10em;
}

.tempur-pedic-wrapper .intro__title {
	margin: 3.375em auto;
}

.tempur-pedic-wrapper .intro__h1 {
	color: white;
	margin: 0 auto .5em;
	text-align: center;
}

.tempur-pedic-wrapper .intro__h6 {
	color: #f4f5f6;
	text-align: center;
}

.tempur-pedic-wrapper .mattresses__body {
	margin: 2em auto;
}

.tempur-pedic-wrapper .features {
	background-color: black;
}

.tempur-pedic-wrapper .features ul {
	margin: 2em auto;
	padding: 0;
}

.tempur-pedic-wrapper .feature {
	list-style: none;
	margin: 0 auto 4em;
	padding: 0;
}

.tempur-pedic-wrapper .feature:last-child {
	margin: 0 auto;
}

.tempur-pedic-wrapper .feature__img {
	display: block;
	margin: 0 auto 1em;
	width: 4em;
}

.tempur-pedic-wrapper .feature__h3,
.tempur-pedic-wrapper .feature__p {
	color: white;
	text-align: center;
}

.tempur-pedic-wrapper .last-call {
	background-color: #3c4652;
	margin: 1em;
	padding: 0;
}

.tempur-pedic-wrapper .last-call__img-container {
	margin: 0;
}

.tempur-pedic-wrapper .last-call__body {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: auto;
	max-width: 28em;
	padding: 2em;
}

.tempur-pedic-wrapper .last-call__h2,
.tempur-pedic-wrapper .last-call__p {
	color: white;
}

@media all and (min-width: 40em) {

.tempur-pedic-wrapper .img-container img {
	height: 24em;
}

.tempur-pedic-wrapper .card {
	margin-bottom: 0;
}

.tempur-pedic-wrapper .card__img {
	width: 14em;
}

.tempur-pedic-wrapper .intro {
	background: radial-gradient(circle at 50% -20%, #999999, black 50%);
}

.tempur-pedic-wrapper .mattresses__container {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.tempur-pedic-wrapper .mattresses__body,
.tempur-pedic-wrapper .mattresses__img-container {
	margin: 0;
	width: 47.5%;
}

.tempur-pedic-wrapper .features {
	background-image: url("img/2x/woman_sleeping@2x.jpg");
	background-position: center;
	background-size: cover;
}

.tempur-pedic-wrapper .features ul {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.tempur-pedic-wrapper .feature {
	width: 47.25%;
}

.tempur-pedic-wrapper .accessories__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.tempur-pedic-wrapper .accessories__container .card {
	width: 47.5%;
}

.tempur-pedic-wrapper .last-call {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.tempur-pedic-wrapper .last-call__img-container,
.tempur-pedic-wrapper .last-call__body {
	width: 50%;
}

}

@media all and (min-width: 56em) {

.tempur-pedic-wrapper .card__img {
	width: 20em;
}

.tempur-pedic-wrapper .feature {
	margin: auto;
	width: 23%;
}

}

