html {
    
    scroll-behavior: smooth;
    
}

body {
    font-family: 'Raleway', sans-serif;
    padding: 0;
    margin: 0
    
}

.navbar-toggler{
    background-color: lightsteelblue;
    margin:0;
    padding:2px;
    display:none;
}


.btns{
    background-color: lightsteelblue;
}

.img-wrapper {
    opacity: 1;
}

.img-wrapper a:hover{
  background-color: black;
  font: white;
  border: double;
}
.img-wrapper a {
    box-shadow: 0 10px 20px -8px rgba(0, 0, 0,.7);
}

 #logo {
     height: 90px;
     width: 270px;
     margin-right: 20px;
     
 }

#navbarNav {
    padding:0 ;
    margin:0;
}

.navbar{
    height: 125px;
    box-shadow: 0 10px 10px -8px rgba(0, 0, 0,.7);
    background: #faf9f6 !important;
}

#social {
    height: 25px;
    width: 25px;
}

.middle {
    margin-top:50px;
    
}

.overlay {
  position: absolute;
  top: 85%;
  left: 45%;

}

.img-wrapper {
    position: relative;
  }
  
  .img-responsive {
    width: 100%;
    height: auto;
  }
  
  .img-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin-bottom: 40px;;
  }
  
  .img-overlay:before {
    content: ' ';
    display: block;
    /* adjust 'height' to position overlay content vertically */
    height: 90%;
  }

h3{
    position: relative;
   animation: mymove 5s;
}

#animation {
    animation-timing-function: ease;
    
}
@keyframes mymove {
  from {left: 0px;}
  to {left: 200px; color:lightblue;}
}

.lead{
    padding-bottom: 25px;
}

.dsplay {
    
    padding-top: 60px;
    margin-bottom: 20px;
}
hr{
    border: 0.1px solid grey;
  
}
.test{
    font-size: 14px;
    font-weight: bold;
    border-radius: 5%;
    border: 1px solid black;
    background-color: white;
    
}

.test:hover{
    background-color: lightgreen;
}


.phone p {
    color: #8c8e90;
    
}
.phone a {
    color: #8c8e90;
    
}
.phone a:hover {
    color: white;
}
footer{
    color: #8c8e90;
}
    

.map-responsive{
    overflow:hidden;
    padding-bottom:30.25%;
    position: relative;
    height:0;
}

.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}