body {
  font-family: Helvetica, sans-serif;
}

a.sm {
    padding: 7px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width: 35px;
    font-size: 4px;     
}

a.sm-facebook:link, a.sm-facebook:visited {
    background-color: #3b5998;
    color: #FFF;    
}

a.sm-facebook:hover, a.sm-facebook:active {
    background-color: #4e69a2;
}

a.sm-google-plus:link, a.sm-google-plus:visited {
    background-color: #dc4a38;
    color: #FFF;
}

a.sm-google-plus:hover, a.sm-google-plus:active {
    background-color: #de7d72;
}

.btn-scale:hover {
    animation-name: rotate;
    animation-duration: 0.2s;
}

.w-border {
    border-radius: 5px;
}

@media screen and (max-width: 550px) {
 a.sm {
    padding: 6px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width: 35px;
    font-size: 4px;    
    border-radius: 5px;
  }
}
 
@media screen and (max-width: 480px) {
  a.sm {
    padding: 7px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width: 35px;
    font-size: 4px;     
    border-radius: 5px;
  }
}

@media screen and (max-width: 380px) {
  a.sm {
      padding: 7px 1px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      width: 35px;
      font-size: 4px;       
      border-radius: 5px;
  }
}