@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700');

html, body {
height: 100%;
width:100%;
}

body {
color: #6c4800;
padding: 0px;
font-family: 'Source Sans Pro', sans-serif;
/*font: 12px Helvetica Neue, Helvetica, Arial, sans-serif;*/
margin: 0px;
min-width: 900px;
width: 100%;
background-color:#ffffff;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
-webkit-appearance:none;
min-width: 1024px;
}

:hover {
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
/* ...and now for the proper property */
transition:.5s;
}

.header {
float: left;
background-color: rgb(185, 151, 114);
background-image: url("/images/header_background.png");
width: 100%;
height: 70px;
background-size: cover;
min-width: 1024px;
}

#header_home {
height:400px;
}

.background_darker {
float:left;
width:100%;
background: #fffcf3;
}

.content {
margin: 0px auto;
width: 1000px;
}

.header_call_mobile {
display: none;
}


.header_logo {
float: left;
height: 65px;
}

.header_menu {
float: right;
line-height: 65px;
height: 65px;
}

.header_menu a {
padding: 12px;
font-size: 14px;
color: #fff6e6;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}

.header_menu a:hover {
color: white;
-o-transition:0s;
-ms-transition:0s;
-moz-transition:0s;
-webkit-transition:0s;
/* ...and now for the proper property */
transition:0s;
}

.header_menu_mobile {
display: none;
}

.main {
float: left;
width: 100%;
}

h1, h2, h3{
font-weight: normal;
}

h1 {
font-size: 2.5em;
}

h2 {
font-size: 2.0em;
}

h3 {
font-size: 1.5em;
}

p {
line-height: 32px;
letter-spacing: 0.2px;
}

.body {
float:left;
width:100%;
}

.home_items_3 {
float:left;
width:100%;
}

.home_item {
float:left;
width:33%;
}

.home_item_middle {
float:left;
width:34%;
}

.home_item_image {
float:left;
width:100%;
height:300px;

background-size:cover;
}

.home_welcome {
width:800px;
text-align: center;
padding-left:100px;
padding-right:100px;
float:left;
padding-top:50px;
padding-bottom:50px;
line-height: 40px;
}

#home_item_image_hair {
background-image:url('images/hair.jpg');
}
#home_item_image_beauty {
background-image:url('images/beauty.jpg');
}
#home_item_image_wedding {
background-image:url('images/wedding.jpg');
}

.home_logo {
text-align: center;
float:left;
width:100%;
}

.home_logo{
margin-top:70px;
}


.header_phone {
float:right;
height:65px;
}

.header_phone span {
line-height: 65px;
background: white;
padding: 10px;
border-radius: 30px;
padding-left: 20px;
padding-right: 20px;
margin-left: 20px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}


.home_item_text {
float: left;
padding: 40px;
text-align: center;
}

.home_item_link {
float:left;
width:100%;
margin-top:30px;
margin-bottom: 30px;
}

.home_item_link a{
border: 3px solid #6c4800;
padding: 10px;
border-radius: 30px;
padding-left: 16px;
padding-right: 16px;
top: 20px;
font-size: 14px;
font-weight: bold;
color: #6c4800;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.6px;

}

.home_item_link a:hover {
background: #6c4800;
color: white;
}

.footer {
float: left;
width: 100%;
background: #4a3116;
color: whitesmoke;
float: left;
height: 200px;
}

.footer_contact {
float: left;
width: 30%;
border-left: 3px solid #e2b35c;
height: 70px;
line-height: 22px;
margin-top: 65px;

}

.footer_contact span {
line-height: 20px;
padding-top: 15px;
float: left;
padding-left: 20px;
}

.footer_logo {
float: left;
width: 23%;
margin-top: 65px;
}

.footer_contact {
float:left;
width:30%;
}

.footer_share {
float:right;
margin-top:65px;
}
.footer_share img {
padding:15px;
}

.footer_insta {
float:left;
width:100%;
text-align: center;
margin-top:30px;
margin-bottom:30px;
}

.footer_insta h3 {
margin-bottom:20px;
}

.footer_insta img {
width:20%;
padding:10px;
}


.team_photo {
float: left;
width: calc(25% - 40px);
padding: 20px;
text-align: center;
}

.team_photo img{
border-radius: 200px;

}

.team_photo p {
margin: 0px;
margin-top:30px;
font-size: 22px;
padding:0px;
}

.pricing {
float: left;
width: 100%;
text-align: left;
}

.pricing_col {
float: left;
width: calc(50% - 80px);
padding-left: 40px;
padding-right: 40px;
}

.pricing_header {
float: left;
width: 100%;
font-weight: bold;
padding-bottom: 10px;
padding-top: 10px;
}

.pricing_item {
float:left;
width:100%;
}

.pricing_item_title {
float:left;
}

.pricing_item_price {
float:right;
}

#hair_item_image_1 {
background-image:url('images/hair1.jpg');
}
#hair_item_image_2 {
background-image:url('images/hair2.jpg');
}
#hair_item_image_3 {
background-image:url('images/hair3.jpg');
}