#myFooter {
    background-color: #143278;
    color: white;
}

    #myFooter .footer-copyright {
        background-color: #808080;
        padding-top: 3px;
        padding-bottom: 3px;
        text-align: center;
    }

        #myFooter .footer-copyright p {
            margin: 10px;
            color: #ccc;
        }

    #myFooter ul {
        list-style-type: none;
        padding-left: 0;
        line-height: 1.7;
    }

    #myFooter h5 {
        font-size: 18px;
        color: white;
        font-weight: bold;
        margin-top: 30px;
    }

    #myFooter a {
        color: #d2d1d1;
        text-decoration: none;
    }

        #myFooter a:hover, #myFooter a:focus {
            text-decoration: none;
            color: white;
        }

    #myFooter .myCols {
        text-align: left;
    }

    #myFooter .social-networks {
        text-align: center;
        padding-top: 30px;
        padding-bottom: 38px;
    }

        #myFooter .social-networks a {
            font-size: 32px;
            margin-right: 5px;
            margin-left: 5px;
            color: #f9f9f9;
            padding: 10px;
            transition: 0.2s;
        }

            #myFooter .social-networks a:hover {
                text-decoration: none;
            }

    #myFooter .facebook:hover {
        color: #0077e2;
    }

    #myFooter .google:hover {
        color: #ef1a1a;
    }

    #myFooter .twitter:hover {
        color: #00aced;
    }

    #myFooter .linkedin:hover {
        color: #00aced;
    }

@media screen and (max-width: 767px) {
    #myFooter {
        text-align: center;
    }
}



/* CSS used for positioning the footers at the bottom of the page. */
/* You can remove this. */


html {
    height: 100% !important;
}

body {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    height: 100%;
}

.content {
    flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    min-height: 200px;
}

#myFooter {
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
}