@charset "UTF-8";
@import "../css/reset.css";

/*overall styles*/
html, body {
  padding: 0;
  margin: 0;

}

input {
  font-size: 14px;
 }

body {
  color: #747474;
  background-color: #FFFFFF;
  font-family: 'Raleway', sans-serif;
  
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 .75em 0;
 
}

h1 {
	text-transform:uppercase;
}
h3, h2 {
	font-style: normal;
	text-transform:none;
}

/*active links */
a {
	text-decoration: none;
	color: #8CBDAC;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #4986B8;
	outline: 0;
}

a:hover{
	color: #747474;
}

.a1{
	color: #8CBDAC;
		
}
.a2{
	color: #8CBDAC;
		
}

.a5 {
	border:none;
}



/* content styles */

.content1 {
  margin: 0 auto;
  display: block;
   overflow:hidden;
	background-color: #DAEAE4;
	background-image: url(../images/scissors.png);
	  background-repeat: repeat;
	background-size: auto 20%;
	position:center;
	padding: 100px;
}


.content2 {
  position:relative;
  margin: auto;
 	height: 500px;
	background-image: url(../images/swirl.jpg);
	  background-repeat: repeat;
	position:relative;
  
  
}



.column18 {
	order:1;
 	-webkit-order:1;
	-ms-order:1;
	-webkit-box-order:1;
	text-align:left;
}
.column19{
	order:2;
	-webkit-order:2;
	-ms-order:2;
	-webkit-box-order:2;
   text-align:center;
    padding: 0 20px;
}
.column18 h2 {
	font-weight: 300;
	color: #8CBDAC;
	margin-top:30px;
	font-size: 2.2rem;
	padding: 2px 60px;
	line-height: 2rem;
	font-family: 'Indie Flower', cursive;	
	 line-height: 1em;
}
.column18 h3{
	font-weight: 400;
	color: #8CBDAC;
	margin-top:10px;
	font-size: 1.9rem;
	padding: 0 80px 0 60px;
	line-height: 1.8rem;
	font-family: 'Indie Flower', cursive;
	
}
.column18 h4{
	font-weight: 400;
	margin-top:10px;
	font-size: 1.7rem;
	padding: 0 80px 2px 60px;
	line-height: 1.8rem;
	
}
.column18 p {
	
	padding: 0 80px 10px 60px;
	font-size: .9em; 
	line-height: 1.6em;
}
.content1 p a{
	color: #F4AA90;
	}
.column19 h2 {
	font-weight: 400;
	margin-top:30px;
	font-size: 1.6rem;
	padding: 0 20px;
	line-height: 2rem;
	
}
.column19 h3{
	font-weight: 500;
	margin-top:10px;
	font-size: 1.4rem;
	padding: 10px 20px;
	line-height: 1.6rem;
		
}

.a1 a:hover, .a2 a:hover, .content1 p a:hover{
	color: #747474;
	
		
}

/* column styles */
.column_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  width:100%;
}


/* footer styles*/

footer {
	bottom:0;
	left:0;
	right:0;
	padding:10px 10px 30px 10px;
	position:relative;
	background-color: #FFFFFF;	
}

footer h2 a{
	color: #434343;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 4px;
	letter-spacing:.1rem;
	font-size: 0.7rem;
	font-weight:normal;
	padding-top: 15px;
	padding-left: 45px;
	border:none;
}
footer h2 a:hover{
	color: #F4AA90;
}
footer h3{
	color: #434343;
	letter-spacing:.1rem;
	font-size: 0.7rem;
	font-weight:normal;
	padding-top: 15px;
}
footer p, footer p a{
	color: #434343;
	letter-spacing:.1rem;
	font-size: 0.6rem;
	font-weight:300;
	border:none;
}
footer p a:hover{
	color: #F4AA90;
}


footer .column_wrapper {
	position:relative;
	display: flex;
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-webkit-box-justify-content: flex-end;
	
}

.copyright {
	text-align: right;
}




/*Colors*/
.color1 {
	color:#FFFFFF;
}
.color2 {
	color:#D0C0FF;
}
.color3 {
	color:#9FCDBD;
}
.color4 {
	color:#8CBDAC;
}
.color5 {
	color:#818181;
}



/* backgrounds */

.bg_color1 {
	background-color: #FFFFFF;
}
.bg_color2 {
	background-color: #D0C0FF;
}
.bg_color3 {
	background-color:  #D0C0FF;
}
.bg_color4 {
	background-color: #F4AA90;
}
.bg_color5 {
	background-color:#C3C3C3;
}




/* flex rules */
.flex1 {
	flex: 1;
  	-webkit-box-flex:1;
	-webkit-flex:1;
	-ms-flex:70% auto;
}

.flex2 {
	flex: 2;
  	-webkit-box-flex:2;
	-webkit-flex:2;
	-ms-flex:30% auto;
}

/* margins */

/* padding */

.pdg1{
	padding-top: 20px;
}

.pdg5{
	padding: 0 20px 2px 20px;
}
/* text styles */

.p1 {
	color: #8CBDAC;
	font-weight:600;
}
.p2 {
	color: #8CBDAC;
	font-weight:500;
	font-size: 1.2em; 
}

.p21 {
	line-height:1.8rem;
}

/* misc */

.textbox {
	background-color: white;
	padding:20px 0 0 0;
	margin-bottom: 20px;
	margin-top: 0;
	padding:10px 0 0 0;
	opacity: 0.8;
	display: inline-block;
}
.textbox2 {
	background-color: white;
	opacity: 0.9;
	margin: 30px;
	display: inline-block;
}

.textbox p, .textbox2 p {
	margin-bottom:25px;
	font-size: .9em; 
	line-height: 1.5em;
	font-weight: 500;
}

.textbox p {
	padding: 20px 20px 9px 20px;
}
.textbox2 p {
	padding: 0 20px 0 20px;
}
.textbox3 {
	background-color: #F4AA90;
	background-color: white;
	padding:30px;
	margin-bottom: 20px;
	display: inline-block;
	border:1px solid #747474;
}
.textbox3 p {
	line-height: 3rem;
	font-size: 2.4rem;
	font-weight: 400;
	letter-spacing: 2px;
}
.center {
	text-align: center;
}
.telephone {
	display:none;
}

/* list */
.bullets {
	padding: 0 0 30px 100px;
}
.bullets li {
	font-size: 1.3em; 
	font-weight: 500;
	line-height: 26px;
	 background: url(../images/bullet.png) no-repeat left center;
  padding: 3px 0px 3px 25px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
		font-family: 'Indie Flower', cursive;
	color: #FB9771;
}


/* images */
img {
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
}
.img1 {
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
	padding: 10px; 
}
.img2 {
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
	padding: 10px 10px 0 10px ; 
}
.bg1, .bg2, .bg2, .bg3, .bg4, .bg5 {
	position:relative;
 	  background-repeat: repeat;
	background-size: 20% auto;
}
.bg1 {
	 	background-image: url(../images/hairdryer.png);
	}
.bg2 {
	 	background-image: url(../images/hair.png);
	}
.bg3 {
	 	background-image: url(../images/lashes.png);
	}
.bg4 {
	 	background-image: url(../images/comb.png);
	}
.bg5 {
	 	background-image: url(../images/wash.png);
	}
/*MOBILE/TABLET */

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


/*content styles */
.content1 {
  background-size: 80px;
padding: 70px 100px;
}


.textbox3 p {
	line-height: 2rem;
	font-size: 1.7rem;
	font-weight: 400;
	letter-spacing: 1.1px;
}
/* list */

	.bullets {
	padding: 0;
}
.bullets li {
	background: url(../images/bullet2.png) no-repeat center top;
  padding: 15px 0px 3px 0;
  /* reset styles (optional): */
  list-style: none;
	  margin: 5px; 
	font-size: 1.1em;

    }

.flex1 {
	flex: 1;
  	-webkit-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1 auto;
	

}

.flex2 {
	flex: 2;
  	-webkit-box-flex:2;
	-webkit-flex:2;
	-ms-flex:2 auto;
}




.column_wrapper {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;


}

	.column18 {
	text-align: center;		
	}
	.column18 h2 {
	font-size: 2.2rem;
}
	.column18 h3{
	margin-top:20px;
	font-size: 1.5rem;
	padding: 0 1px;
	
	
}
.content16 {
	
  	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	
	}

.textbox {
	padding:30px 15px 15px 15px;
	margin: 0 20px 20px 20px;
	opacity: 0.8;
	display: inline-block;
}
.textbox2 {
	opacity: 0.9;
	margin: 30px;
	display: inline-block;
}
	.textbox p, .textbox2 p {

	font-size: .85em; 
	
}

.textbox p {
	padding: 20px 30px 9px 30px;
}
.textbox2 p {
	padding: 0 30px 0 30px;
}
	
	.telephone {
		margin:10px;
		display:inline-block;
		font-size: 1.7rem;
}
		.telephone a{
	border:none;
	color:#FCAF93;
}
	.telephone a:hover{
	color:#747474;
}
.copyright {
	text-align: center;
}

}

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

/* content styles */

.content1 {
  background-size: 60px;
padding: 70px;
}
.textbox {
	padding:15px 3px 10px 3px;
	margin: 0 20px 20px 20px;
	
}
.textbox2 {
	padding:15px 3px 10px 3px;
	margin: 0 10px 10px 10px;

}
.textbox3 {
	margin: 0;
	padding:15px;
	
	
}
.textbox3 p {
	line-height: 1.7rem;
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: 1.1px;
}
	
	
.content2 {
  position:relative;
  margin: auto;
 	height: auto;
	background-image: none;
	  
}


.column18 {
	order:1;
 	-webkit-order:1;
	-ms-order:1;
	-webkit-box-order:1;
	text-align:center;
}
.column19{
	order:2;
	-webkit-order:2;
	-ms-order:2;
	-webkit-box-order:2;
   text-align:center;
    padding: 15px;
}
.column18 h2 {
	padding: 2px 2px 0 2px;
	font-size: 1.8rem
}
.column18 h3 {
	font-size: 1.4rem;
}
.column18 h4{
	padding: 0 1px;
font-size: 1.3rem;
}
.column18 p {
	padding: 0 5px 10px 5px;
	font-size: .9em;
	line-height: 1.6em;
}
	
	.img1 {
	max-width: 60%;
	-ms-interpolation-mode: bicubic;
	padding: 10px; 
}
.img2 {
	max-width: 60%;
	-ms-interpolation-mode: bicubic;
	padding: 10px 10px 0 10px ; 
}
	.p2 {
	font-size: 1em; 
	
}
	.p3 {
	font-size: .9em; 
}
.content1 p a{
	color: #F4AA90;
	}
.column19 h2 {
	margin-top:10px;
	font-size: 1.3rem;
	padding: 0 5px;
	line-height: 1.5rem;
	
}
.column19 h3{
	font-weight: 500;
	margin-top:10px;
	font-size: 1.4rem;
	padding: 10px 20px;
	line-height: 1.6rem;
		
}

.a1 a:hover, .a2 a:hover, .content1 p a:hover{
	color: #747474;
	
		
}
.textbox p, .textbox2 p {
	margin-bottom:10px;
	padding: 10px;
}

.telephone {
	
		font-size: 1.4rem;
}


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

/* content styles */

.content1 {
  background-size: 60px;
	padding:40px;
 
 
}
.textbox3 {
	margin: 0;
	padding:15px;
	display: inline-block;
	border:1px solid #747474;
	width: 150px;
	
}
	.textbox3 p {
	line-height: 1.55rem;
	font-size: 1.1rem;
	font-weight: 500;
	letter-spacing: 1px;
}