@import url('global.css');
@import url('four_column_responsive.css');
@import url('carousel.css');
#bliss-salon .blowout.circle {
	background: url('../../images/home/blowout.jpg');
}
#bliss-salon .haircuts.circle {
	background: url('../../images/home/haircuts.jpg');
}
#bliss-salon .highlights.circle {
	background: url('../../images/home/highlights.jpg');
}
#bliss-salon .keratin.circle {
	background: url('../../images/home/keratin.jpg');
}
#bliss-spa .massage.circle {
	background: url('../../images/home/massage.jpg');
}
#bliss-spa .naturopathy.circle {
	background: url('../../images/home/naturopathy.jpg');
}
#bliss-spa .skintreatment.circle {
	background: url('../../images/home/skintreatment.jpg');
}
#bliss-spa .waxing.circle {
	background: url('../../images/home/waxing.jpg');
}
#bliss-body {
	margin-top:0;
}
#bliss-marketing li {
	cursor:pointer;	
}
#bliss-marketing.row {
	padding:30px 0 50px 0;
}
.bliss-marketing-circle {
	vertical-align:top;
	display:inline-block;
	border-radius:50%;
	box-shadow:0 0 5px 5px rgba(51, 51, 51, .4);
}
.bliss-marketing-circle-inner {
	margin:40px 30px 0;
}
.bliss-marketing-circle-inner h2 {
	text-align:center;	
	border-bottom:1px dashed black;
	padding-bottom:20px;
	margin:0 15px 20px;
	height:70px;
}
.bliss-marketing-circle-inner p:not(:last-child) {
	font-family:"Novecento Normal", Times, serif;
	text-align:center;
	height:90px;
}
.bliss-marketing-circle-inner p:last-child {
	text-align:center;	
}
.bliss-marketing-circle-inner p:last-child a {	
	text-decoration:none;
	font-style:italic;
}
#bliss-salon .circle {
	border:5px solid #FFDBEF;
	background:#CCC;	
}
#bliss-spa .circle {
	border:5px solid #D7FFDC;
	background:#CCC;	
}
#bliss-spa.row, #bliss-salon.row {
	padding:0 0 60px 0;	
}

/* RESPONSIVE CSS
-------------------------------------------------- */
/* 1170 Grid */
@media all and (min-width: 1170px) {
	.bliss-marketing-circle {
		margin:0 43px;
		width:300px;
		height:300px;	
	}
}
/* 940 Grid */
@media (min-width: 940px) and (max-width: 1170px) {
	.bliss-marketing-circle {
		margin:0 5px;
		width:300px;
		height:300px;	
	}
}
/* 724 Grid */
@media (min-width: 724px) and (max-width: 940px) {
	.bliss-marketing-circle {
		margin:0 5px;
		width:228px;
		height:228px;	
	}
	.bliss-marketing-circle-inner h2 {
		font-size:14px;
		height:20px;	
	}
	.bliss-marketing-circle-inner p {
		font-size:12px;	
	}
	.bliss-marketing-circle-inner p:not(:last-child) {
		height:60px;
	}
}
/* 320 Grid */
@media (max-width: 724px) {
	.bliss-marketing-circle {
		margin:10px 10px;
		width:300px;
		height:300px;	
	}
}