@charset "UTF-8";

body {
	margin:0 auto; 
	width: 80%;
	max-width: 880px;
	background-color: #fffffb; 
	text-align: center; 
	font-family: 'Gil Sans', Helvetica, sans-serif;
	color: #000000;
}
:focus {
	outline: 0;
}
.white-bar {
	padding: 0 12px 28px 12px;
}
.white-bar a {
	font-size: 14px;
	padding: 0;
	margin: 0;
}
.container {
	margin: 0 auto;
}
p {
	font-size: 14px;
	line-height: 160%;
	letter-spacing: .022em;
	margin: 0 0 20px 0;
}
h1 {
	font-size: 15px;
	font-weight: normal;
	line-height: 150%;
	letter-spacing: .022em;
}
h2 {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: .022em;
	padding: 0;
}
h4 { /* footer */
	font-size: 18px; 
	font-weight: normal;
	line-height: 100%;
	letter-spacing: .04em;
	margin: 0 0 12px 0;
}
.text, .text-mahoney {
	display: none;
}
.iphone, iphone-wide, .iphone-mahoney{
	width: 100%;
	padding: 8px 0 0 0;
}
.iphone img {
	display: block;
	margin: 0 auto; 
	width: 68%; 
	max-width: 500px;
	text-align: center;
}
.iphone-wide img {
	display: block;
	margin: 0 auto; 
	width: 100%; 
	max-width: 800px;
	text-align: center;
}
.iphone-mahoney img  {
	display: block;
	margin: 0 auto; 
	width: 88%; 
	max-width: 700px;
	text-align: center;
}
hr {
	margin: 30px 0 30px 0;
	width: 100%;
	max-width: 100%;
	text-align: center;
}
.blanket-img {
	margin: 0 auto; 
	width: 64%; 
	max-width: 600px;
}
.blanket-img-dsb {
	margin: 0 auto; 
	width: 64%; 
	max-width: 400px;
}
.blanket-img-first-ph {
	margin: 0 auto; 
	width: 64%; 
	max-width: 600px;
}
.blanket-img-second-ph {
	margin: 0 auto; 
	padding: 0 0 10px 0;
	width: 68%; 
	max-width: 660px;
}
.blanket-img-mahoney {
	margin: 0 auto; 
	padding: 0 0 10px 0;
	width: 68%; 
	max-width: 440px;
}
.blanket-img-slave-serape {
	margin: 0 auto; 
	padding: 0 0 10px 0;
	width: 68%; 
	max-width: 260px;
}
.blanket-img-lg {
	margin: 0 auto;
	padding: 0;
}
.blanket-lg {
	margin: 72px 0 24px 0;
	width: 90%;
}
.blanket-lg-dsb {
	margin: 20px 0 4px 0;
	width: 90%;
	max-width: 560px;
}
.blanket-lg-womans-second {
	margin: 64px 0 24px 0;
	width: 90%;
}
.blanket-lg-mahoney {
	margin: 40px 0 12px 0;
	width: 90%;
	max-width: 540px;
}
.blanket-lg-slave-serape {
	margin: 40px 0 12px 0;
	width: 90%;
	max-width: 380px;
}
.footer-text {
	margin: 0 auto; 
	width: 100%; 
	max-width: 100%; 
	text-align: center
}
.footer-links p, footer-links-home p {
	display: block;
	font-size: 14px;
	line-height: 160%;
	letter-spacing: .022em;
}
.link-div {
	padding: 0 8px 0 0;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
}
.fixed {
	position: fixed;
	top: 4px;
	left: 4px;
	text-align: left;
	margin: 0;
	padding: 2px 6px 0 6px;
	background: #fffffb;
	color: #666;
	font-size: 14px;
	text-decoration: none;
	line-height: 160%;
}
.fixed-wedge {
	position: fixed;
	top: 50px;
	left: 0px;
	text-align: left;
	margin: 0;
	/* background: rgba(255, 255, 251, 0.55); */
	color: #666;
	font-size: 14px;
	text-decoration: none;
	line-height: 160%;
	background: rgb(255, 255, 255);
	padding: 4px 8px 4px 8px;
	z-index: 9999;
}
.fixed a:link, .fixed a:visited {
	color: #666;
	font-size: 14px;
	text-decoration: none;
}
.fixed a:hover, .fixed a:active {
	color: #ccc;
	font-size: 14px;
	text-decoration: none;
}


@media (min-width:721px) and (max-width:950px) {
body {
	width: 80%;
	max-width: 760px;
}
.text, .text-mahoney {
	display: none;
}
.iphone, .iphone-mahoney {
	width: 100%;
	padding: 8px 0 0 0;
}
.iphone img, iphone-wide img, .iphone-mahoney img {
	display: block;
	margin: 0 auto; 
	width: 100%; 
	text-align: center;
}
.blanket-img {
	margin: 0 auto; 
	width: 68%; 
	max-width: 560px;
}
.blanket-img-first-ph {
	margin: 0 auto; 
	width: 64%; 
	max-width: 560px;
}
.blanket-img-second-ph {
	margin: 0 auto; 
	padding: 0 0 10px 0;
	width: 68%; 
	max-width: 660px;
}
.blanket-img-slave-serape {
	margin: 0 auto; 
	padding: 0 0 10px 0;
	width: 68%; 
	max-width: 260px;
}
.blanket-img-mahoney {
	margin: 0 auto; 
	padding: 0 0 10px 0;
	width: 68%; 
	max-width: 460px;
}
.blanket-img-lg {
	margin: 0 auto;
	padding: 0;
}
.blanket-lg {
	margin: 68px 0 14px 0;
	width: 95%;
}
.blanket-lg-dsb {
	margin: 20px 0 4px 0;
	width: 85%;
	max-width: 560px;
}
.blanket-lg-slave-serape {
	margin: 40px 0 12px 0;
	width: 90%;
	max-width: 350px;
}
}


@media (min-width:682px) and (max-width:720px) {
body {
	width: 100%;
	max-width: 642px;
}
p {
	font-size: 14px;
	line-height: 160%;
	letter-spacing: .022em;
	margin: 0 0 20px 0;
}
h1 {
	font-size: 15px;
	font-weight: normal;
	line-height: 150%;
	letter-spacing: .022em;
}
h2 {
	font-size: 14px;
	font-weight: normal;
	line-height: 170%;
	letter-spacing: .022em;
	margin: 16px 0 20px 0;
}
.text, .text-mahoney {
	display: none;
}
.iphone, .iphone-mahoney {
	width: 100%;
}
.iphone img, .iphone-mahoney img {
	display: block;
	margin: 0 auto; 
	width: 80%; 
	text-align: center;
}
.blanket-img {
	margin: 0 auto; 
	width: 60%; 
}
.blanket-img-mahoney {
	margin: 0 auto; 
	padding: 0 0 10px 0;
	width: 68%; 
	max-width: 400px;
}
.blanket-img-lg {
	margin: 0 auto;
	padding: 0;
}
.blanket-lg {
	margin: 60px 0 10px 0;
	width: 95%;
}
.blanket-lg-dsb {
	margin: 20px 0 0 0;
	width: 80%;
}
.blanket-lg-slave-serape {
	margin: 40px 0 12px 0;
	width: 90%;
	max-width: 300px;
}
}

@media (min-width:482px) and (max-width:681px) {
body {
	width: 90%;
	max-width: 482px;
}
p {
	font-size: 14px;
	line-height: 160%;
	letter-spacing: .022em;
	margin: 0 0 20px 0;
}
h1 {
	font-size: 15px;
	font-weight: normal;
	line-height: 150%;
	letter-spacing: .022em;
}
h2 {
	font-size: 14px;
	font-weight: normal;
	line-height: 170%;
	letter-spacing: .022em;
	margin: 16px 0 20px 0;
}
.text, .text-mahoney {
	display: none;
}
.iphone, .iphone-mahoney {
	width: 100%;
}
.iphone img, .iphone-mahoney img {
	display: block;
	margin: 0 auto; 
	width: 94%; 
	text-align: center;
}
.blanket-img {
	margin: 0 auto; 
	width: 76%; 
}
.blanket-img-lg {
	margin: 0 auto;
	padding: 0;
}
.blanket-lg {
	margin: 60px 0 10px 0;
	width: 95%;
}
.blanket-lg-dsb {
	margin: 20px 0 0 0;
	width: 95%;
	max-width: 480px;
}
.blanket-lg-slave-serape {
	margin: 40px 0 12px 0;
	width: 90%;
	max-width: 280px;
}
}

@media (min-width:321px) and (max-width:481px) {
body {
	width: 90%;
}
p {
	font-size: 13px;
	line-height: 160%;
	letter-spacing: .022em;
	margin: 0 0 20px 0;
}
h1 {
	font-size: 14.5px;
	font-weight: normal;
	line-height: 150%;
	letter-spacing: .022em;
}
h2 {
	font-size: 13px;
	font-weight: normal;
	line-height: 170%;
	letter-spacing: .022em;
	margin: 16px 0 20px 0;
}
h4 { /* footer */
	font-size: 14px; 
	font-weight: normal;
	line-height: 100%;
	letter-spacing: .04em;
	margin: 0 0 12px 0;
}
.footer-links p {
	display: none;
}
.footer-links-home p {
	display: block;
	font-size: 12px;
	line-height: 160%;
	letter-spacing: .022em;
}
.fixed {
	font-size: 13px;
}
.fixed a:link, .fixed a:visited {
	font-size: 13px;
}
.fixed a:hover, .fixed a:active {
	font-size: 13px;
}
.iphone, .iphone-mahoney {
	width: 100%;
}
.iphone img, .iphone-mahoney img {
	display: block;
	margin: 0 auto; 
	width: 90%; 
	text-align: center;
}
.blanket-img {
	margin: 0 auto; 
	padding: 24px 0 0 0;
	width: 70%; 
	
}
.blanket-img-lg {
	margin: 0 auto;
	padding: 0;
}
.blanket-lg {
	margin: 48px 0 10px 0;
	width: 95%;
}
.blanket-lg-dsb {
	margin: 28px 0 0 0;
	width: 95%;
	max-width: 400px;
}
.blanket-lg-slave-serape {
	margin: 40px 0 12px 0;
	width: 90%;
	max-width: 250px;
}
}

@media (min-width:120px) and (max-width:320px) {
body {
	width: 95%;
}
p {
	font-size: 13px;
	line-height: 160%;
	letter-spacing: .022em;
	margin: 0 0 20px 0;
}
h1 {
	font-size: 14.5px;
	font-weight: normal;
	line-height: 150%;
	letter-spacing: .022em;
}
h2 {
	font-size: 13px;
	font-weight: normal;
	line-height: 170%;
	letter-spacing: .022em;
	margin: 16px 0 20px 0;
}
h4 { /* footer */
	font-size: 14px; 
	font-weight: normal;
	line-height: 100%;
	letter-spacing: .04em;
	margin: 0 0 12px 0;
}
.footer-links p {
	display: none;
}
.footer-links-home p {
	display: block;
	font-size: 11px;
	line-height: 160%;
	letter-spacing: .022em;
}
.iphone, .iphone-mahoney {
	display: block;
	margin: 0 auto; 
	width: 100%; 
	text-align: center;
}
.blanket-img {
	margin: 0 auto; 
	padding: 24px 0 0 0;
	width: 100%; 
	max-width: 220px;
}
.blanket-img-lg {
	margin: 0 auto;
	padding: 0;
}
.blanket-lg {
	margin: 36px 0 2px 0;
	width: 95%;
}
}

@media screen and (max-width:720px) {
.sm-screen {
}
.lg-screen {
}
}