*{
    
    box-sizing: border-box;
}

body {
    background-color:white;
}

#header {
    background-color: white;
    text-align: center;
    padding: 20px;
    float: right;
   
    
}
    
    #logo1{
       width:250px;
      height: 280px;

      float: left;
    }
    
    #logo1 img{
       width:100%;
      height: 100%;

    }
    
h1{
  
  color: #F79494;
  text-align: center;
}


#menu-bar{
    width: 60%;
    margin-left: 20%;
    margin-right: 40%;
    height: 80px;
   
    padding-top: 20px;
    padding-bottom: 5%;
    background-color: white;
}

.menu-item {
    width: 16%;
    background-color: white;
    float: left;
    margin-left: 3.33%;
     text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

.menu-item a:link{
    text-decoration: none;
    color: #EA0B95;
    font-weight: bold;
    font-size: 90%;
    
}

.menu-item a:visited{
     text-decoration: none;
    color: #F79494;
    font-weight: bold;
    font-size: 90%;
    
}

.menu-item:hover a {
    color:black;
    
}

.menu-item:hover{
    background-color:#EDEAED ;
}

#container{
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    display: table;
    text-align: center;
    padding:auto;
    background-color: #EDEAED;
    }
    
    #second{
      
      width: 40%;
      height: 100%;
      text-align: center;
      margin-right: : 40%;
      padding: auto;
      float: right;
      background-color: #EDEAED;
      
      
      
    }

    
    
    
    h1{
        text-align: center;
    
    }
    h3{
        text-align: center;
    }


#first{
    width: 48%;
    float: left;
 background-color: #EDEAED;
   height: auto;
   
    
}

#boxone{
    background-color:#F7819F;
    width: 100%;
    height: 300px;
    border: inset;
    font-style: inherit;
    border:1 px solid;
}

.webpage-image{
  width: 100%;
  height: 400px;
   
}

.webpage-image img{
  width: 100%;
  height: 100%;
   
}

.web-image{
    
    width: 390px;
    height: 390px;
}

.web-image img{
    width: 100%;
  height: 100%;
}

.hairandcolor{
    text-align: center;
    background-color:#EDEAED ;
   
    
    
}

.manipedi{
    
    background-color:#EDEAED;
     float: right;
    
     
     }
    
  #second{
    width: 48%;
    float: right;
   
   height: auto;

    
}

#hair{
  
  background-color: #EDEAED;
}

.facetreatment{
  background-color: #EDEAED;
  
  
}

#facetreatment{
  
  margin-top: 4%;
}