@media (max-width: 500px) {

    .blog-masthead {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }

    .blog-masthead .navbar {
        text-align: center;
        padding-top: 15px;
    }

    .blog-masthead .navbar img {
        display: inline;
    }

    .blog-masthead a.navbar-brand {
        float: none;
    }

    .container-content {
        margin-top: 60px;
        margin-bottom: 120px;
    }

    .sidebar-module {
        padding: 0 15px;
    }

    footer.mobile-footer {
        height: 120px;
        background-color: black;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }

    footer.mobile-footer button {
        font-size: 16px;
        height: 40px;
    }

    footer.mobile-footer .first-row {
        margin-top: 15px;
    }

    footer.mobile-footer .facebook-enabled .first-row button {
        background-color: #3d5a98;
        border-color: #3d5a98;
        color: white;
    }

    footer.mobile-footer .facebook-disabled .first-row a {
        background-color: #2b73c4;
        border-color: #2b73c4;
        color: white;
    }

    footer.mobile-footer .facebook-enabled .first-row button:before {
        content: '';
        display: inline-block;
        width: 10px;
        height: 20px;
        position: absolute;
        left: 30px;
        top: 9px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIyN3B4IiB2aWV3Qm94PSIwIDAgMTQgMjciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjMuMiAoMTIwNDMpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPjE0Nzk0OTU0MDBfc3F1YXJlLWZhY2Vib29rPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9IjE0Nzk0OTU0MDBfc3F1YXJlLWZhY2Vib29rIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTMuMDAwMDAwLCAtNS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zMiwzMCBDMzIsMzEuMTA0IDMxLjEwNCwzMiAzMCwzMiBMMiwzMiBDMC44OTYsMzIgMCwzMS4xMDQgMCwzMCBMMCwyIEMwLDAuODk2IDAuODk2LDAgMiwwIEwzMCwwIEMzMS4xMDQsMCAzMiwwLjg5NiAzMiwyIEwzMiwzMCBMMzIsMzAgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjIsMzIgTDIyLDIwIEwyNiwyMCBMMjcsMTUgTDIyLDE1IEwyMiwxMyBDMjIsMTEgMjMuMDAyLDEwIDI1LDEwIEwyNywxMCBMMjcsNSBMMjMsNSBDMTkuMzI1LDUgMTcsNy44ODEgMTcsMTIgTDE3LDE1IEwxMywxNSBMMTMsMjAgTDE3LDIwIEwxNywzMiBMMjIsMzIgTDIyLDMyIFoiIGlkPSJmIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat;
        background-size: 10px 20px;
    }

    footer.mobile-footer .second-row {
        margin-top: 10px;
    }

    footer.mobile-footer .second-row button {
        border-color: white;
    }

    footer.mobile-footer .second-row .col-xs-6:first-child {
        padding-right: 5px;
    }

    footer.mobile-footer .second-row .col-xs-6:last-child {
        padding-left: 5px;
    }
}