body{
	background-image:url(../images/bg.png);
	background-size:cover;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	}
	
h1{
		text-align:center;
		font-size: 2.2em;
		color:#031170;
		}
		
h2{
		text-align:center;
		color:#FF0004;
		}
		
		
h3{ text-align:center;
	color:#FF0004;
	font-size: 2.2em;
	font-weight: bold;

		}
h4{ text-align:center;
	color: black;
	font-size: 1.4em;
	font-weight: bold;
	line-height:0.95
}
.mainfont1{
	font-size: 1.3em;
	color: #7B7B7B;
	font-weight: 500;
	line-height: 1.0em;
	text-align:center;
		}

.mainfatfont{
		font-size:0.9em;
		color:#000;
		line-height: 0.2em;
		}
		
.mainfont1it{
		font-size:1.4em;
		color:#000;
		text-align:justify;
		font-style:italic;
		}
		
.mainfont2{
		font-size:0.9em;
		color:#000;
		text-align:left;
	line-height: 1.2;
		}

.mainfont2b{
		font-size:1.0em;
		color:#000;
		text-align:justify;
	font-weight:500;
		}

.mainfont2it{
		font-size:0.8em;
		line-height: 1.4em;
		color:#000;
		text-align:justify;
	font-style: italic;
		}
		
.mainfont2lt{
		font-size:1.3em;
		color:red;
		text-align:justify;
	font-style: italic;
	text-decoration:line-through;
		}
		
.mainfont2bold{
		font-size:1.3em;
		color:#000;
		text-align:justify;
		font-weight:bold;
		}
		
.mainfont3{
		font-size:0.5em;
		color:#000;
		font-weight:800;
	line-height: 0.5em;
	
		}
		
.mainfont4{
		font-size:0.7em;
		color:#000;
		font-weight:600;
		font-style:italic;
		}
		
.mainfont5{
		font-size:1.1em;
		color:#0A0BF0;
		font-weight:bold;
		font-style:italic;
		text-align:center;
		}
		
		
		

	
	
#mainpic {
	width:100%;
	height:auto;
	display:block;
		
		}
		
.responsive-image {
  height: auto;
  width: 100%;
}
.weblinks{
		font-size:0.6em;
		color:#fff;
		margin:3px;
		}
	
	
	

		
.socialbuttons{
		width:35px;
		height:35px;
		float:right;
		margin-left:5px;
		margin-top:-7px
		
		}
		
.socialbutton{
		width:35px;
		height:35px;
		float:right;
		margin-left:5px;
		margin-right:12px;
		margin-top:-7px
		}
		
.headerclear{
		width:100%;
		height:5px;
		float:right;
		}
		

.address{
	width:338px;
	height:25px;
	margin-top:0px;
	float:right;
	margin-right:12px;
	}
	
nav {
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-right: none;
}

nav ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

nav ul li {
    list-style: none;
    float: left;
    text-align: center;
    border-left: 1px solid #fff;
    border-right: 1px solid #ccc;
    width: 14.256%; /* fallback for non-calc() browsers */
    width: calc(100% / 9);
    box-sizing: border-box;
}

nav ul li:first-child {
    border-left: none;
}

nav ul li a {
    display: block;
    text-decoration: none;
    color: #616161;
    padding: 8px 0;
}

.footers {
	width:50%;
	height:auto;
	float:left;
	}

.padding{
			width:100%;
			align-content:center;
			padding: 20px;
			
			
			}
			
			
.paddingspm{
			width:99%;
			align-content:center;
			padding:10px;
			
			}
			
.padding2{
			width:95%;
			align-content:center;
			padding:10px;
			margin-top:10px;
			
			}
			
	.clearsalon{	
		width:100%;
		height:5px;
		margin-top:-100px;
	}
	
.externallinks{
	width:8%;
	margin-right:.7%;
	float:right;
	margin-top:.5%;
	margin-bottom:.5%;
	}
	
.gallerypicleft{
		width:18.2%;
		height:auto;
		margin-bottom:2%;
		margin-left:1.01%;
		float:left;
		display:block;
		}
.gallerypic{
		width:17.7%;
		height:auto;
		margin-left:2%;
		margin-bottom:2%;
		float:left;
		display:block;
		}

.gallerypic2{
		width:17.7%;
		height:auto;
		margin-left:2%;
		margin-bottom:2%;
		float:left;
		display:block;
		}

.spacer{
		width: 100%;
		height: auto;
		overflow: auto;
	
}

.fattextheader{
	width: 100%;
	height: auto;
	margin-bottom:10px;
	float: left;
	margin-top: -20px;
	
	
}

.fattext{
	width: 100%;
	height: auto;
	margin-bottom:10px;
	float: left;
	
	
}
.fatpicsleft{
		width: 32%;
	height: auto;
		float: left;
	margin-bottom: 10px;
	}
.fatpics{
		width: 32%;
		height: auto;
		float: left;
	margin-left:2%;
	margin-bottom: 10px;
	}

.fatpics2{
		width: 28%;
		height: auto;
		float: left;
	margin-bottom: 10px;
}

.fattext2{
	width: 70%;
	height: auto;
	margin-bottom: 10px;
	margin-left: 2%;
	float: left;
	
	
}

.beforeandafterleft{
		width: 49%;
	height: auto;
	float: left;
	margin-bottom: 10px;
	
}

.beforeandafter{
		width: 49%;
	height: auto;
	float: left;
	margin-left:2%;
	margin-bottom: 10px;
	
	
}


.Newfat{
		width: 50%;
		height: auto;
	display: block;
		float: left;
		margin-bottom: 20px;
	
}

.Newfattext{
		width: 80%;
	height: auto;
		align-content: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		}

.Spm_text{
		width:40%;
		height:auto;
		overflow:auto;
		color:#000;
		float:left;
		display:block;
		}
		
#Spm_images{
		width:100%;
		height:auto;
		overflow:auto;
		float:left;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
		
		}
.spm_imaages{
		width:18%;
		height:auto;
		margin-right:1.5%;
		margin-bottom:10px;
		float:left;}
		
		
/* =======Dem====================================================================== */

.demfont1{
	font-size: 1.3em;
	font-weight: 400;
	color: black;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	text-align: center;
	line-height:1.1;
		}

.demfont2{
	font-size: 1.4em;
	color: black;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	line-height:1.2;
		}

.demfont3{
	font-size: 1.5em;
	color: black;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	line-height:1.2;
	text-align: justify;
		}

.demfont4{
	font-size: 1.6em;
	font-weight: 400;
	color: black;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	text-align: center;
	line-height:1.1;
		}




#derheader{
			width:100%;
			height: auto;
			margin-left:1%;
			margin-top: 5px;
			display: block;

			}
#headingtext{

	width:100%;
	height: auto;
	margin-left:1%;
	margin-top: 10px;
	display: block;
	float: 
}

.demh4{
	font-size: 1.4em;
	color:#871818;
	font-weight: bolder;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	line-height:1.75em;
	
}

.demh5{
	font-size: 1.6em;
	color: black;
	font-weight: 600;
	line-height:1.75;
}

.dembenandimages{
	width: 49%;
	height: auto;
	margin-left: 1%;
	margin-top: 10px;
	margin-bottom: 20px;
	float: left;
	display: block;
}
	

/* =======semi====================================================================== */

#spmheader{
			width:100%;
			height: auto;
			margin-left:1%;
			margin-top: 5px;
			display: block;
	
	}


.colhairtext{
		width: 57%;
	height: auto;
	float: left;
	margin-left: 3%;
	
}

.colhairimages{

	width:37%;
	margin-left: 3%;

	float: left;
}

.colimages{
		width: 45%;
	height: auto;
	background-color: white;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	
}

#navbar2019{
	width: 100%;
	height: auto;
	overflow: auto;
	background-color: white;
	margin-top: 10px;

}

.navborder{
		border-right-style: solid;
  	border-width: 7px;
	border-color: #a53c79;
}