header,
.mainContainer{
	width:100%;
	left:0;	
}
.filterWrap{
	left:-50%;
}
div#signupForm .close {
  display: none;
}
.ltGryBg{
	background:#efefef;	
}
article{
	text-align:center;
	width:100%;
	display:inline-block;
	float:left;	
}
article p{
	float:none;
	display:inline-block;	
}

article #heroBnnr{
	width:100%;	
	background-size: cover;
	background-position:center;
	position:relative;
	background-image:url('/Images/brands/hero-banner.jpg');
	padding:0;
	height:350px;
}
article #heroBnnr:before{
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	margin:auto;
	background-color:rgba(0,0,0,.35);
	content:'';
	z-index:0;
	height:100%;width:100%;
}
#sampleBanner{
	background-image:url('/Images/brands/one-sample.jpg');
	background-size: cover;
	background-position:48% 0, 128% 0;
	background-repeat:no-repeat;
	padding:300px 0;
	margin-bottom:60px;
	min-height:275px;
}
#sampleBanner h3
#shipping h3{
    margin:0;
}
#skyBanner{
	background-image:url('/Images/brands/worldwide-shipping.jpg');
	background-size: cover;
	background-position:50% 0, 128% 0;
	background-repeat:no-repeat;
	padding:300px 0;
	margin-bottom:25px;
    margin-top:-25px;
	min-height:300px;
}	
    
}	
.register div h3{
	display:none;	
}
#shipping{
	background-image:url('/Images/brands/cropped-shipping.jpg');	
	background-size: auto;
	background-position:2% bottom;
	background-repeat:no-repeat;
	padding:50px 0 50px;
	min-height:375px;
}

#heroBnnr h1{
	padding:0;
	width:100%;	
	color:white;
	display:inline-block;
	font-size:60px;
	font-size:3.75rem;
	font-family:'Permanent Marker', cursive;
	margin:30px 0 16px;
}
#heroBnnr h1,
#heroBnnr h2,
#heroBnnr p{
	position:relative;
	z-index:1;
	color:white;
}
#heroBnnr h2{
	font-size:30px;
	font-size:1.875rem;
	max-width:100%;	
}

#samples.section{
	margin-top:0;	
}
.block{
	display:inline-block;
	width:100%;	
	float:left;
}
ol{
	width:100%;
	display:inline-block;
	text-align:left;
}
ol li{
	display:inline-block;
	width:100%;	
}
li.block{
	margin-bottom:60px;	
}
li.block:last-child{
	margin-bottom:25px;	
}
.section.centerAlgn.block:last-child{
		margin-bottom:60px;
}
.tri{
	width:100%;
	padding:5%;
	display:inline-block;	
}
.tri .icon{  
	width: 120px;
	background-image: url('/Images/brands/how-brands-work-sprite.png');
	background-repeat: no-repeat;
	background-size: 100px auto;	
	height: 60px;
	display: inline-block;
	float:left;
}
.tri .create{
	background-position:center 60px;	
}
.tri .make{
	background-position:center -80px;	
}
.tri .order{
	background-position:center bottom;	
}
.centerAlgn{
	text-align:center;
	display:inline-block;	
}
#labels .right{
	padding-top:2.5%;	
}

#labels p{
	margin:0;	
}
#labels a:visited{
	opacity:.5;
	color:white;	
}

#labels ol li{
	margin:16px 0 0;	
}

#selling h3{
	margin-bottom:60px;	
}

article h2{
	font-size:36px;
	font-size:2.25rem;	
	line-height:48px;
	line-height:3rem;
	margin:40px auto 16px;
}

.section h3{
	font-size:36px;
	font-size:2.25rem;	
	line-height:48px;
	line-height:3rem;
	padding:0;
}

.tri h4{
	font-size:24px;
	font-size:1.5rem;	
	line-height:36px;
	line-height:2.25rem;
	margin:10px auto 0;
	float:left;
	width:100%;
	display:inline-block;
}

article p {
	font-size:18px;
	font-size:1.125rem;	
	line-height:30px;
	line-height:1.875rem;
	margin:0 auto 16px;
	text-align:justify;
}	
.tri p {
	font-size:18px;
	font-size:1.125rem;	
	line-height:30px;
	line-height:1.875rem;
	margin:0px auto;
	display:inline-block;
	width:100%;
	max-width:100%;
	float:left;
	text-align:justify;
}	
.centerAlgn{
	width:100%;	
}
.centerAlgn h2,
.centerAlgn p{
	max-width:700px;
	display:block;
	width:100%;
	margin:0 auto;
	text-align:center;
}

.left{
	text-align:left;
	float:left;
}

.left h2, 
.left p,
.right h2,
.right p,
.right h3{
	width:90%;
	max-width:90%;
	text-align:left;
}

figure{
	margin-top:30px;
    display:inline-block;
	height:100%;
	position:relative;
	overflow:hidden;
	float:left;
    background-color:efefef;
	width:100%;
}
.bgBrown .left{
	padding:0;
}
figure img{
	width:auto;
	height:100%;
	float:left;
	display:inline-block;
}

#vidText{
    padding-bottom: 25px;
}
figcaption{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0;
	color:white;
	z-index:1;
	width:100%;
	display:inline-block;
	background-color:rgba(0,0,0,.5);
	padding:5px;
}
.blue,
.burgandy,
.brown,
.blue p,
.burgandy p,
.brown p{
	color:#fff;	
}
.blue{
	background-color:#005e91;
}

.burgandy{
	background-color:#240e14;
}
.brown{
	background-color:#3d2f26;
}

.lastCallTA{
	padding:40px 0 6%;	
}

.lastCallTA h2 span{
	font-size:24px;
	font-size:1.5rem;
	display:block;
}

.lastCallTA .button{
	width:90%;
	max-width:480px;	
	font-size:24px;
	font-size:1.5rem;
	padding:16px 0 10px;
	height:auto;
	margin:16px 0 45px;
}
.tileCollage figure img{
		width:auto;
		height:auto;	
		max-width:100%;
	}
.justify{
	text-align:justify;	
}
.bgBrown{
	background-color:#89582d;	
}
.txtWhite{
	color:white;	
}

#main-content .lilGray{
	background-color:rgba(239,239,239,.9);
}
#main-content .white{
	background-color:rgba(255,255,255,.9);
	border-bottom:3px solid #efefef;
}
#main-content .bar p{
	text-align:center;
		
}
.hyperLink{
	text-decoration:underline;
}
.centerAlgn .hyperLink{
	display:block;
	margin-top:30px;
	padding:5px;
}
#main-content .mobile-scroll{
	-webkit-overflow-scrolling:touch;
	overflow-x:auto;
	white-space:nowrap;	
	height: 150%;	
	margin-left:auto;
	margin-right:auto;
	display:block;
}
#main-content .listWrap{
	width: auto;
	padding-left: 5%;
	padding-right: 5%;
	display: inline-block;	
}
#main-content .pgNav{
	width:auto;
	display:inline-block;
	text-align:justify;	
	list-style:none;
	white-space:nowrap;
}
#main-content .pgNav li{
	margin-right:40px;	
	display:inline-block;
	vertical-align:top;
}
#main-content .pgNav li a{
	margin:10px 0;	
	text-align:center;
}

#main-content .nav .icon{
	height:50px;
	background-image: url('/Images/brands/how-brands-work-sprite.png');
	background-repeat:no-repeat;
	background-size:70px auto;
	position:relative;
}

#main-content #nav .icon img{
	width:100%;
	height:auto;	
	max-width:90px;
}
#main-content .iconWrp span{	
	font-size:16px;
	font-size:1rem;
    letter-spacing:1px;
	display:inline-block;
	min-width:40px;
	text-align:center;
}

#main-content #nav .iconWrp span{	
	font-size:13px;
	font-size:.8175rem;
    letter-spacing:1px;
}

#main-content .overview{
	background-position:center 50%;
}
#main-content .shipping{
	background-position:center 66.8%;
}
#main-content .samples{
	background-position:center 75%;
}
#main-content .label{
	background-position:center 83.5%;
}
#main-content .selling{
	background-position:center 33%;
}
#main-content .camera{
	background-position:-14px 8%;
}
#main-content .heart{
	background-position:-20px 58.3%;
}
#main-content .tag{
	background-position:-25px 33%;
}
#main-content .website{
	background-position:0px 24.7%;
}
#main-content .social{
	background-position:-25px 16.3%;
}
#main-content .influencers{
	background-position:-25px 100%;
}
#main-content .events{
	background-position:-25px 41.4%;
}
#main-content .festivals{
	background-position:-25px 100%;
}
#main-content .popup{
	background-position:-25px -0.5%;
}
#requestQuote{
	display:inline-block;
	margin-top:20px;	
}
#howBrandsWorkVideo2,
#howBrandsWorkVideo {
    width: 100%;   
    min-height: 235px;
}

@media screen and (max-width:600px) {
	figure,
	figure img{
		width:100%;
		height:auto;
	}
	div.img,
	div.txt{
		width:100%;
		max-width:100%;
		padding:0;	
	}
	div.txt{
		text-align:left;
		padding:5%;	
		
	}
	div.txt h3,
	div.txt p{
		text-align:justify;
		max-width:100%;	
		width:100%;
		margin:16px 0;
	}
	div.txt h3{
		margin:16px 0 0;	
	}
	.txt .button{
		display:block;	
	}
	.txt .hyperLink{
		margin-bottom:16px;	
	}
	.left,
	.right{
		text-align:center;
		float:none;	
		display:inline-block;
	}
	.left h2, 
	.left p{
		margin-left:auto;
		max-width:90%;
		float:none;	
		clear:none;
		padding-right:0;
	}

	figure{
		width:100%;
	}
	article h2{
		margin:20px auto;	
	}
	#shipping{
		background-size:100% auto;	
	}
	#selling h3{
		margin:60px 0 30px;	
	}
	#labels .right{
		padding-bottom:30px;	
	}
}

@media screen and (min-width:768px) {
	.filterWrap{
		left:-25%;
	}
	
	.tri {
		max-width: 49%;
		padding: 0 5%;
		min-height: 300px;
	}
	
	.left,
	.right{
		max-width:50%;
		display:inline-block;	
		padding:0 5%;
	}
	.left{
		float:left;	
	}
	.right{
		float:right;
	}
	#labels .right{
		padding-right:0;
		padding-left:2.5%;
	}	
	.section{
	    margin-top:20px;
    }
    #howBrandsWorkVideo2,
    #howBrandsWorkVideo {
        width: 70%;   
        height: 431px;
    }
	
}

@media screen and (min-width:1025px){
	.filterWrap{
		left:-15%;
	}	
	
	.section h3{
		margin-top:20px;	
	}
	.tri{
		max-width:32%;
		min-height:350px;
	}
    #samples .tri {
        max-width:32%;
        min-height:300px;
    }
	#labels a:hover{
	    opacity:.5;
	    color:white;	
    }
    #howBrandsWorkVideo2,
    #howBrandsWorkVideo {
        height: 431px;
    }
}