footer {
    background: rgb(98,202,255);
    background: -moz-linear-gradient(top,  rgb(98,202,255) 0%, rgb(98,202,255) 20%, rgb(1,152,230) 80%, rgb(1,152,230) 100%);
    background: -webkit-linear-gradient(top,  rgb(98,202,255) 0%,rgb(98,202,255) 20%, rgb(1,152,230) 80%,rgb(1,152,230) 100%);
    background: linear-gradient(to bottom,  rgb(98,202,255) 0%,rgb(98,202,255) 20%,rgb(1,152,230) 80%,rgb(1,152,230) 100%);

    text-align:center;
    color:black;
    font-weight:bold;
    margin:10px 0px;
}

    footer .FooterTextLeft {
        text-align:center;
    }

    footer .FooterTextRight {
        text-align:center;
    }

    footer .FooterTextCenter {
        text-align:center;
    }

    
        footer  div {
            padding:1px 0px;
        }

    footer a {
        color:white;
        
    }

        footer a:hover {
            color:black;
            text-decoration :none;
        }
@media screen and (min-width: 768px) {
    
    footer{
        line-height:20px;       
    }


       footer .FooterTextLeft {
            color: white;
            font-weight:normal; 
            padding:2px 10px;
            text-align:left;
        }

        footer .FooterTextRight {
            color: white;
            font-weight:normal;
            padding:2px 10px;
            text-align:right;            
        }

        footer .FooterTextCenter {
            padding:2px 10px;
            text-align:center;
        }
}