/* Set a size for our map container, the Google Map will take up 100% of this container */
#map {
  width:100%;
  height:10rem !important;
  margin-top: 3rem;
}



#sociallinks{
 text-align: center;
 margin-top: 2rem;
 color: #fff;
}

#sociallinks ul li {
  display: inline;
  margin-right: 1rem;
}

#sociallinks a{
    padding-left: 0rem;
    padding-top: 1.5rem;
    padding-right: 2rem;
    padding-left: 2rem;
    width: 2.5rem;
    height: 4.5rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    transition: color .3s, background .3s, border .3s;
    -webkit-transition: color .3s, background .3s, border .3s;
    -moz-transition: color .3s, background .3s, border .3s;
}
 
#sociallinks a:hover {
    animation-name: rainbow;
    -webkit-animation-name: rainbow;
    -moz-animation-name: rainbow;
    animation-duration: 60s; 
    -webkit-animation-duration: 60s;
    -moz-animation-duration: 60s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
}



#sociallinks li{  
  display:inline-block;
  font-size: 3rem;
  color: #fff;
  text-align: center;
  vertical-align: bottom;  
}