html{
  position:relative;
  min-height:100%;
}
body{
  margin-bottom: 60px;
}
#navigation{
  margin:0 auto;
  position: relative;
  width: 720px;
  height: 200px;
  background: url("../images/banner.png") no-repeat ;
}

# logo{
  width:auto;
  height:auto;
  z-index:10;
  position:absolute;

}
#logo img{
  padding-left:30px;

}


#phone-number{
  float:right;
  margin-top:-5px;
  width:auto;
  margin-right: 50px;
  background-color: rgba(27, 27, 27, 0.79);
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  padding: 3px;
  padding-left: 6px;
  padding-right: 6px;
  color: #e6e6e6;
}

/* Media Queries */
@media (max-width: 767px){
  #phone-number{
    float:left;
    margin-top: 6px;
    margin-left: 20px;
  }

}
@media (min-width: 768px){
  #navbar{
    margin-left: 25%;
  }
}
.footer{
  position: absolute;
  bottom:0;
  height: 60px;
  width:100%;
  background-color:#222222;s
}

.footer p{
  padding: 10px;
  padding-top: 15px;
}
#social-media{
  margin-top: -40px;
  position:default;
}
#google-map iframe{
  width:100%;
}