body{
    -webkit-tap-highlight-color: transparent;
}

#footer{
 background-color: black; 
 width: 100%;
 overflow: hidden;
 height: auto; 
 text-align: center; 
 display: inline-block;
 bottom: 0;
padding: 2% 0;
}

#footer a{
    text-decoration: none;
}

#footer a div{
    margin: 1%;
}

#company-website span, #company-contact span, #company-fb span{
    color: white;
    font-size: 90%;
}

#company-name span{
    color: orange;
    font-size: 100%;
}

#company-website span:hover, #company-contact span:hover, #company-fb span:hover{
    color: orange;
    transition: 0.5s;
}


@media only screen and (min-width:667px){
    #footer{
        padding: 0;
    }
    
    #footer a div{
    margin: 0;
}
    
    #company-website span, #company-contact span, #company-fb span{
        float: left;
        padding: 1%;
        font-size: 80%;
    }

    #company-name span{
        float: right;
        padding: 1%;
        color: white;
        font-size: 100%;
}
}


