.main > h1,
.main > h2{
	width:100%;
	text-align: center;
	color:#a31d83; /* purple */
	font-size:4em;
	margin-bottom:1em;
	margin-top:0.5em;
}

	.backto {
		position:absolute;
		text-decoration: none;
		font-size:1.4em;
		top:3em;
	}
	
		.backto:hover {
			text-decoration: underline;
		}

.story {
	padding-top:4em;
}

.story .left,
.contact .left{
	float:left;
	width:49%;
}

.story .right,
.contact .right{
	float:right;
	width:49%;
}

.item .left {
	float:left;
	width:63%;
}

	#self {
		width:50%;
		height:auto;
		margin:0 auto 5% auto;
		display:block;
		float:none;
	}

.item .right {
	float:right;
	width:33%;
}

	.right h1 {
		color:#a31d83; /* purple */
		font-size:4em;
		margin-bottom:0.5em;
	}
	
	.main .price {
		color:#a31d83; /* purple */
		font-weight:500;
		font-size:2em;
		margin-bottom:0;
	}
	
	.main .post {
		margin-bottom:2em;;
	}
	
	.buy {
		float:left;
		clear:left;
		padding:2em 5em;
		border:none;
		border-radius: 5px;
		box-shadow: 0 2px 3px rgba(0,0,0,0.25);
		color:#fff;
		text-decoration: none;
		outline:none;
		cursor: pointer;
		
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b9409c+0,9e1b7f+100 */
		background: rgb(185,64,156); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(185,64,156,1) 0%, rgba(158,27,127,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(185,64,156,1) 0%,rgba(158,27,127,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(185,64,156,1) 0%,rgba(158,27,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9409c', endColorstr='#9e1b7f',GradientType=0 ); /* IE6-9 */
	}
	
		.buy img {
			width:20px;
			float:left;
			margin-right:1.5em;
		}
		
		.buy span {
			float:left;
			font-size:1.2em;
			margin-top:0.05em;
		}
		
		.buy:hover {
			background:none;
			background-color:#d667bc;
		}
	
	#snipcart-main-content {
		border:10px solid #ffd7e4 !important; /* light pink */
		border-radius:1em;
	}
	
	.snip-layout .snip-header {
		background:#fff !important;
	}
	
	.snip-layout .snip-header__total,
	.snip-layout .snip-footer{
		background:#a31d83 !important; /* purple */
	}
	
	.snip-footer__copyright {
		color:#fff !important;
	}
	
	.snip-layout .snip-layout__close {
		color:#555 !important;
		top:3% !important;
		right:2% !important;
		font-size:3em;
	}

	.snip-layout .snip-header__total-label {
	    color: #fff !important;
	}

	.snip-layout__main-container {
		border-radius:1em !important;
	}

	.snip-layout .snip-form__error {
		background:none !important;
		color:red !important;
	}

.gal2 .left {
	float:left;
	width:23.5%;
}

	.gal2 .left ul,
	.gal2 .left ul li{
		margin:0;
		padding:0;
		list-style: none;
	}

.gal2 .right {
	float:right;
	width:70%;
}

	.gal2 .right a{
		float:left;
		width:31.333333333%;
		margin: 0 3% 3% 0;
		border:10px solid #ffd7e4; /* light pink */
		box-shadow: 0 2px 3px rgba(0,0,0,0.15);
		position: relative;
	}

.gals ul {
	float:left;
	clear:left;
	width:100%;
}

.gal2 .left ul li {
	float:left;
	clear:left;
	width:100%;
	margin-bottom:5px;
	background-color:#fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.15);
	position:relative;
}

	.gal2 .left ul li li {
	   font-size:0.8em;
	   box-shadow:none;
	   background-color:none;
	   margin-bottom:0;
	}
	
		.gal2 .left ul li li a {
			padding:0.25em 1.5em;
			background-color:#faecf0;
		}

.gal2 .left a {
	float:left;
	clear:left;
	width:100%;
	padding:0.5em;
	text-decoration: none;
}

	.gal2 .left a.selected,
	.gal2 .left a:hover {
		background-color:#ffd7e4; /* light pink */
	}
	
	.gal2 .right a:nth-of-type(3n) {
		margin-right:0;
	}

.gal a{
	float:left;
	width:23.5%;
	margin: 0 2% 2% 0;
	border:10px solid #ffd7e4; /* light pink */
	box-shadow: 0 2px 3px rgba(0,0,0,0.15);
	position: relative;
}

	.gal a:nth-of-type(4n) {
		margin-right:0;
	}
	
	.gal a .shade,
	.gal2 .right a .shade{
		position:absolute;
		width:100%;
		height:100%;
		left:0;
		top:0;
		background-color:rgba(0,0,0,0.7);
		text-align: center;
		text-decoration: none;
		opacity:0;
		transition:opacity 0.5s ease-in-out;
	}
	
		.gal a .text,
		.gal2 .right a .text{
			width:100%;
			top:50%;
			transform: translateY(-50%);
			text-align: center;
			position:relative;
			padding:0 1em;
		}
		
		.gal a .shade h2,
		.gal2 .right a .shade h2{
			color:#fff;
			width:100%;
			font-size:1.6em;
			text-align: center;
			margin-bottom:0;
		}
		
		.gal a .text p,
		.gal2 .right a .text p{
			color:#666;
		}
		
		.gal a:hover .shade,
		.gal2 .right a:hover .shade{
			opacity:1;
		}
		
	.gal2 .left a.tri {
		position:absolute;
		top:0;
		right:0;
		width:2.5em;
		height:2.8em;
		padding:0.5em;
		text-align:center;
	}
	
	.gal2 .left ul ul {
		display:none;
		float:left;
		clear:left;
		width:100%;
	}

.faq {
	padding:0 15%;
}

.contactform {
	margin-bottom:3em;
}

.main input,
.main textarea,
.main label {
	float:left;
	clear:left;
	width:100%;
	margin-bottom:1em;
}

.main input,
.main textarea {
	border:2px solid #bfbfbf;
	background-color:#fff;
	padding:0.5em;
	border-radius: 4px;
}

.main label {
	font-size:1.2em;
	font-weight:bold;
}

input[type="submit"]{
	background-color:#a31d83; /* purple */
	color:#fff;
	cursor: pointer;
	width:200px;
	max-width:100%;
	float:right;
	border:none;
	padding:0.75em;
	transition: all 0.25s ease-in-out;
}

	input[type="submit"]:hover{
		background-color:#ffd7e4; /* light pink */
		color:#a31d83; /* purple */
	}

.oos {
	color:#a31d83; /* purple */
	text-transform: uppercase;
}

/* Thumbnails */

.main .sy-list,
.main .thumb-box,
.main .sy-list li,
.main .thumbs li,
.main .thumbs,
.main .sy-controls,
.main .sy-controls li{
	margin:0;
	padding:0;
	list-style: none;
}

.thumb-box {
  padding: 1.4em 0 1em;
  margin-left: -1%;
  width: 102%;
  .thumbs {
    @include clearfix;
    li {
      float: left;
      width: 25%;
      text-align: center;
      padding: 0 1%;
      img {
        width: 100%;
        opacity: .8;
        @include transition(opacity .32s);
        border-bottom: 4px solid transparent;
        &.active {
          border-color: $bc-rk-blue;
          opacity: 1;
        }
      }
      &:hover {
        img {
          opacity: 1;
          @include transition(opacity .2s);
        }
      }
    }
  }
}

.slipcon {
	margin-bottom:2em;
	border:10px solid #ffd7e4; /* light pink */
	box-shadow: 0 2px 3px rgba(0,0,0,0.15);
}

.main .thumbs li {
	float:left;
	clear:none;
	width:22.4%;
	margin: 0 1em 1em 0;
	border:5px solid #ffd7e4; /* light pink */
	box-shadow: 0 2px 3px rgba(0,0,0,0.15);
}

	.thumbs li a {
		float:left;
		width:100%;
	}

.away {
	background-color:#d44848;
	color:#fff;
	padding:1.5em;
	border-radius: 0.75em;
	margin-bottom:2em;
}

	.away p {
		font-size:1em;
		font-style: italic;
		line-height: 1.4;
	}
	
	.away p:last-of-type {
		margin-bottom:0;
	}

@media screen and (max-width:999px) {
	.gal a,
	.gal2 .right a,
	.slipcon {
		border:5px solid #ffd7e4; /* light pink */
	}
}

@media screen and (max-width:849px) {
	
	.main {
		padding:0 5%;
	}
	
	.story .left,
	.story .right,
	.item .left,
	.item .right{
		width:100%;
		text-align: center;
	}
	
	.item .left {
		margin-bottom:5%;
	}
	
	.story img {
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	.main h1 {
		margin-top:0;
		font-size:3em;
	}
	
	.gal2 .left {
		width:100%;
		margin-bottom:5%;
	}

	
	.gal2 .right {
		width:100%;
	}
	
	.buy {
		float:none;
		margin:2em auto;
		display:inline-block; 
	}
}

@media screen and (max-width:599px) {
	.contact .left,
	.contact .right {
		width:100%;
	}
}

@media screen and (max-width:499px) {

	.gal2 .right a {
		width:48%;
	}
	
		.gal2 .right a:nth-of-type(3n) {
			margin-right:4%;
		}
		
		.gal2 .right a:nth-of-type(2n) {
			margin-right:0;
		}
		
		.gal2 .right a .shade h2 {
			font-size:1.3em;
		}
	
	.backto {
		position:initial;
		float:left;
		width:100%;
	}
	
	.buy {
		width:100%;
		padding:2em;
		text-align: center;
	}
	
		.buy span,
		.buy img{
			display:inline-block;
			float:none;
		}
}