body { background-image: url(../imgs/bg-img.jpg); background-repeat: no-repeat; background-size: cover; margin: 0 }
header { color: #fff; width: 100%; border-bottom: 1px solid #222; font-family: "Century Gothic", Helvetica, "Arial Narrow", Arial  }
header p { margin: 0 20px 0 0; padding: 0; line-height: 100px; letter-spacing: 5px; text-transform: uppercase }
.logo { width: 250px; margin: 20px 0 20px 20px }

.content-container { position: relative; height: 100vh }
.image-container { background: url(../imgs/bg-img.jpg) no-repeat center; background-size: cover; height: 100vh; -webkit-filter: opacity(.45);
  filter: opacity(.45); position: absolute; top: 0; left: 0; right: 0; border-color: 0; margin: auto; width: 100% }

.copy-container { color: #fff; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 41%; height: 45%; font-size: 800% }
	.copy-container span { display: block }
.copy-top { font-family: "century gothic", "arial narrow", Helvetica, Arial; margin-bottom: -33px; font-size: 123% }
.copy-bottom { font-family: "arial black", Helvetica, Arial }

.left { float: left }
.right { float: right }
.group { content: ""; display: table; clear: both; }

/*SHOP STYLES*/
#myShop, .SprdMain, .SprdHeader, .product-filter { width: 100%; max-width: 100% }
.customHeader { padding: 0 }
.customHeader .promo-header .promo-expander { line-height: 25px; font-weight: bold; color: #ceff00 }
.SprdContent, .sprd-footer { max-width: 1600px; margin: auto }
.customPageBackground { background-color: transparent; }
.SprdMain .sprd-bold { color: #fff }
.sprd-article .sprd-label { background-color: rgba(0,0,0,.8); color: #FFF; margin-bottom: 0 !important }
	.sprd-article .sprd-price { line-height: 40px; font-size: 24px !important; font-weight: bold }
	.sprd-article .sprd-productName { font-weight: 100 !important; padding: 0 10px 10px }

.sprd-TileOverlay { background-color: #000 }
.SprdMain .sprd-Loader { background-color: transparent !important; }
div#article-detail-page { background-color: rgba(255,255,255,.8) }
div#longDescription, .sprd-value { color: #222 !important }
.sprd-designTopics { color: #FFF }
.sprd-overlayView { background-color: #FFF }
/* ==========================================================================
========= TABLET RESPONIVE STYLES ( ANDROID & IOS )
/* ==========================================================================
========= LANDSCAPE ONLY
========================================================================== */
@media only screen and (min-device-width : 600px) and (max-device-width : 1280px) and (orientation : landscape) {

}


/* ==========================================================================
========= TABLET RESPONIVE STYLES ( ANDROID & IOS )
/* ==========================================================================
========= PORTRAIT ONLY
========================================================================== */
@media only screen and (min-device-width : 600px) and (max-device-width : 1280px) and (orientation : portrait) {
	.copy-container { top: 10%; right: 3%; font-size: 380% }
	.copy-top { font-weight: 300; margin-bottom: -8px; font-size: 100% }
	.copy-bottom { font-weight: 800 }
}

/* ==========================================================================
========= SMALL DEVICES ( SMART PHONES, SMALL TABLETS) -- RESPONSIVE STYLES
========================================================================== */
@media only screen and (min-width : 320px) and (max-width: 700px) {
	header { background-position: right -290px  }
	header p.right { margin: 0 0 20px 20px; line-height: normal; letter-spacing: 1px; font-size: 10px; float: left }
	.copy-container { top: 10%; right: 3%; font-size: 180% }
	.copy-top { font-weight: 300; margin-bottom: -4px; font-size: 100% }
	.copy-bottom { font-weight: 800 }




}