body{
  width: 100%;
  height: auto;
  margin: 0 auto;
  
}
nav{
  width:100% ;
  height:90px;
  background-color: black;
  text-align: center;
  padding-top: 10px;
 
}
  a{
    text-decoration: none;
    color: #ffffff;
    padding:10px;
    font-size: 1.5em;

  }
  .button{
    background-color: white; /* Green */
    border: none;
    color: black;
    padding: 10px 27px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
  }
  .button2{
    background-color: black; /* Green */
    border: none;
    color:white;
    padding: 10px 27px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
  }
  #logo{
    float: left;
    padding-top: 1px;
  }
  header{
    padding-top: 10px;
  }
main{
 width:100%;
 padding-top:1px;
 font-size: 1.5em;
}
.leftImage{
  padding-left: 5px;
  padding-top: 8px;
  float: left;
}
.righText{
  color: #0000;
  float: left;
  width: 60%;
  padding:8%;

 
}
#staff{
  text-align: center;

}
#staffText{
  padding-left: 30px;
  padding-right: 10px;
}
.servicesImage{
  float: left;
  padding:5%;
  padding-left: 8%;
}
.serviceHeading{
  text-align: center;
}
.servicesList{
  text-align: center;
}
#video{
  padding-left: 30%;
  padding-bottom: 20px;

}
.appointmentForm{
  padding-left: 30px;
  float: left;
  padding-bottom: 100px;
}
.contactImage{
  
  float: left;
  padding-left: 30px;
  padding-bottom: 100px;

}
#login{
  padding-left:30px;
  padding-bottom: 20px;
}
#footer{
  font-size: 1em;
}
#social{
  float:right;
}
footer{
  background-color:black;
  color: #ffffff;
  text-align: center;
  height: 60px;
  width:100%;
  padding-top: 20px;
 
}