.responsive {
    width: 30%;
    height: auto;
    vertical-align: middle;
}


@media (max-width: 799px) {

.responsive {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

}



    

.fa {
  padding: 10px;
  color:#fff;

  text-align: center;
  text-decoration: none;
 
}

.fa:hover {
     color: white;
    
}


a:link, :active, :visited  {
    color: #fff;
    text-decoration: none;
}


a:hover {
    color: white;
    text-shadow: 0 0 45px white;
    text-decoration: none;
    animation: glowing 3s linear infinite;

}

@keyframes glowing {
    0% {
        color: #fdbb92;
        text-shadow: 0 0 40px #fdbb92;
    }
    
     25% {
        color: #ff5753;
        text-shadow: 0 0 50px #ff5753;
    }
    
     50% {
        color: #da82ff;
        text-shadow: 0 0 60px #da82ff;
    }
    
        
     60% {
        color: #82c9ff;
        text-shadow: 0 0 60px #82c9ff;
    }
    
     75% {
        color: #ceff82;
        text-shadow: 0 0 50px #ceff82;
    }
    
     100% {
        color: #ffec82;
        text-shadow: 0 0 40px #ffec82;
    }
    
        0% {
        color: #fdbb92;
        text-shadow: 0 0 40px #fdbb92;
}