html {
    position: relative;
    min-height: 100%;
}

/* body {
    margin-bottom: 100px;
} */

.footer {
    /* position: absolute; */
    bottom: 0;
    /* width: 100%; */
    /* height: 300px; */
    /* background-color: #ddd; */
    /* color: #333; */
    margin-bottom: auto;
    text-align: center;
}
.footer img {
    margin-top: 45%;
    /* display: table-cell; */
    vertical-align: bottom;
}

@media (max-width: 768px) {
    .footer img {
        margin-top: 0 !important;
    }
}

body>.container {}

.container .text-muted {
    margin: 0;
    color: #333;
}

.footer>.container {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
}