@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;
width: 100%;
background-color:#ffffff;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
-webkit-appearance:none;
}

: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(150, 114, 75);

width: 100%;
height: 60px;
background-size: cover;
position: relative;
}

#header_home {
height:300px;
background-image: url("/images/header_background.png");
}

#header_home .content .header_logo {
display: none;
}

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

.content {
margin: 0px auto;
width: calc(100% - 10px);
padding:5px;
}


.header_logo {
/* text-shadow: 0 0 black; */
position: absolute;
height: 60px;
/* left: 10px; */
text-align: center;
top: 0px;
text-align: center;
width: calc(100% - 10px);
}

.header_logo img {
width: 150px;
margin-top: 6px;
}

.header_menu {
float: right;
    /* line-height: 65px; */
    /* height: 65px; */
    /* display: none; */
    float: left;
    width: 100%;
    background: red;
    position: absolute;
    /* height: 50px; */
    left: 10px;
    /* text-align: center; */
    top: 60px;
    left: 0px;
    background-color: rgb(167, 127, 83);
    border-top: 1px solid rgb(132, 89, 43);
    -o-transition:0s;
-ms-transition:0s;
-moz-transition:0s;
-webkit-transition:0s;
/* ...and now for the proper property */
transition:0s;
display: none;
}

.header_menu a {
padding: 12px;
    font-size: 14px;
    color: #fff6e6;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    float: left;
    width: calc(100% - 24px);
    border-bottom: 1px dashed rgb(152, 114, 74);
}

.header_menu a:hover {
color: white;

}

.header_menu_mobile {
position: absolute;
height: 50px;
left: 10px;
text-align: center;
top: 0px;
}

.header_call_mobile {
position: absolute;
height: 50px;
right: 10px;
text-align: center;
top: 0px;
}

.header_menu_mobile img, .header_call_mobile img{
height: 40px;
margin-top: 10px;
}

.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:100%;
}

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

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

background-size:cover;
}

.home_welcome {
width:calc(100% - 40px);
text-align: center;
padding-left:20px;
padding-right:20px;
float:left;
padding-top:20px;
padding-bottom:30px;
line-height: 40px;
}

.header_phone {
display: none;
}

#main_logo {
/* display: none; */
}

#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 img{
margin-top:95px;
width:80%;
}


.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: 20px;
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;
text-align: center;
}

.footer a {
color:white;
}

.footer_contact {
float: left;
width: 100%;
height: 70px;
line-height: 22px;

}

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

.footer_logo {
float: left;
width: 100%;
padding-top:30px;
padding-bottom:30px;
}

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

.footer_share {
float:right;
width:100%;
}
.footer_share img {
padding:15px;
}

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

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

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

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

.team_photo img{
border-radius: 200px;
width:100%;
}

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


.pricing_col {
float: left;
width: calc(100% - 20px);
padding-left: 10px;
padding-right: 10px;
}

.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');
display: none;
}
#hair_item_image_3 {
background-image:url('images/hair3.jpg');
display: none;
}