@charset "utf-8";
/* CSS Document */

@media(max-width:1560px){
	.homeSection h3
	{
		font-size:45px;
	}
}

/*@media(max-width:1515px){
	#light { right:-150px; }
}*/

@media(max-width:1390px){
	.introTile h1 { font-size:55px; }
}

@media(max-width:1280px){
	
	.rsContent
	{
		height:auto;
	}
	
	div.staffDets
	{
		font-size:16px;
	}
	
	div.staffDets h3
	{
		font-size:36px;
		margin-top:0;
	}
	
	.joanneText.staffDets, .jasmineText.staffDets
	{
		min-width:350px;
		top:20%;
	}
	
}

@media(max-width:1240px){
	
	.introTile
	{
		max-height:660px;
		overflow:hidden;
	}
	
	a.moreButton:link, a.moreButton:visited
	{
		padding:15px 5px 5px 5px
	}
	
	.aboutIcons
	{
		height:200px;
	}
	
	#light { right:150px; }
}

@media(max-width:1200px){
	.homeTiles
	{
		margin-top:0;
	}
	
	.introTile h1 { font-size:80px; }
	
	.servicesIntroTextLeftCol
	{
		width:40%;
	}
}

@media(max-width:1180px){
	
	a.moreButton:link, a.moreButton:visited
	{
		padding:30px 5px 5px 20px;
	}
	
}

@media(max-width:1000px){
	.aboutIcons
	{
		height:150px;
	}
	
	.servicesPage h3
	{
		font-size:50px;
	}
	
	#light { right:100px; }
	#swatches { bottom:20px; }
}


@media(max-width:900px){
	
	.chevron, .houndstooth1, .houndstooth3, .diamond, .flower, .shard { display:none !important; }
	
	.aboutJoanne, .aboutJasmine, .aboutVenera, .aboutArty, .aboutTracey
	{
		background-size:cover;
		width:100%;
	}
	.staffDets, .joanneText.staffDets, .jasmineText.staffDets, .veneraText.staffDets, .artyText.staffDets, .traceyText.staffDets
	{
		background-color:#fff;
		min-height:300px;
		left:auto;
		margin:0 0 20px 0;
		padding:20px;
		position:relative;
		right:auto;
		top:auto;
		width:100%;
	}
}

@media(max-width:768px){
	
	html, body, body.subpage
	{
		background-image:none;
	}
	
	body.folio, html.folio
	{
		height:auto;
	}
	
	.navbar-fixed-top, .navbar-fixed-bottom
	{
		background-color:#000;
		margin-bottom:0;
		position:relative;
	}
	
	a.moreButton:link, a.moreButton:visited
	{
		padding:30px 5px 5px 20px;
	}
	
	.introTile h1
	{
		font-size:70px;
	}
	
	.work img, .services img, .contact img { display:none; }
	
	.work { background:url(../images/workTileBg.jpg) top right; }
	.services { background:url(../images/servicesTileBg.jpg) top right; }
	.contact { background:url(../images/contactTileBg.jpg) top right; }
	
	.work, .services, .contact { min-height:400px; background-size:cover; }
	
	.aboutIntro h3, .aboutIntro .bigText, .aboutIntro p
	{
		padding-left:20px;
		padding-right:20px;
	}
	
	.aboutIntro h3
	{
		margin-top:20px;
	}
	
	.servicesIntroTextLeftCol, .servicesIntroTextRightCol
	{
		width:auto;
	}
	
	.servicesIntroTextRow img
	{
		position:relative;
	}
	
	div.servicesIntroTextRow
	{
		padding:0 0 25px 0;
	}
	
	.servicesIntro h3
	{
		top:-50px;
	}
	
	.termsIntro h3
	{
		top: 15%;
	}
	
	#light, #swatches { display:none; }
	
	.folioContent
	{
		margin-top:0;
	}
	
	.folioItem .rsNav 
	{
		background-color:#000;
		bottom:auto;
		height:auto;
		overflow:visible;
		position: relative;
		width:100%;
	}
	
	.rsDefault .rsThumb 
	{
		border:1px solid #000;
		float: none;
		margin-top:0;
		margin:0 auto;
		overflow: hidden;
		width: 148px;
		height: 148px;
	}
	
	.toggleWrapper, .toggle, .toggleInfo
	{
		display:block !important;
		position:relative;
		width:100%;
	}
	.briefInfoClose
	{
		display:none;
	}
	.folioItem
	{
		height:auto;
		margin-bottom:44px;
		position:relative;
	}
	.folioItem .rsImg
	{
		height:auto !important;
		/*margin-left:0 !important;*/
		width:100% !important;
	}
	
	.closeBtn, .briefBtn
	{
		background-color:#000;
		bottom:0;
		left:0;
		position:fixed;
		height:44px;
		width:100%;
	}
	
	.closeBtn a:link, .closeBtn a:visited, .briefBtn
	{
		background-color:#000;
		display:block;
		height:44px;
		text-align:center;
		width:100%;
	}
	
	.briefBtn
	{
		bottom: 54px;
	}
	
	#folioFilters
	{
		margin:0;
	}
	
.serviceOfferRow .finishingTouches, .serviceOfferRow .groundUp
{
	float: none;
}

.serviceOfferRow .bigImageBg
{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	height: 100%;
	top: auto;
	width:100%;
}
	
	.bigImageBg
	{
		position: relative;
		width:100%;
	}
.serviceOfferWrapper, .serviceOfferWrapper.left, .serviceOfferWrapper.right
{
	background-color: rgba(211,243,251,0.9);
	float: none;
	max-width: 100%;
}
	
.serviceOfferWrapper .priceWrapper, .serviceOfferWrapper .priceWrapper.right
{
	left: auto;
	right: 50px;
	top: -40px;
}
	.flexHeader { min-height: 300px; }
	.flexHeader .container
	{
		margin-left: 0;
	}
	.flexHeader .container h3 span
	{
		font-size: 30px;
	}
	
}

@media(max-width:620px){
	.introTile h1
	{
		font-size:55px;
	}
	
	.servicesPage h3
	{
		font-size:40px;
	}
	.aboutIcons
	{
		height:120px;
	}
}

@media(max-width:530px){
	.introTile h1
	{
		font-size:40px;
	}
}

@media(max-width:480px){

	.introTile h1
	{
		font-size:30px;
	}
	
	.homeSection h3, .homeSection p, a.moreButton
	{
		padding:0 35px;
	}

	.folioThumbs
	{
		margin-top:0;
	}

	.folioThumb
	{
		width:100%;
	}
	
	.aboutIcons
	{
		height:80px;
	}
}