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

body {
    margin-bottom: 60px; /*Margin-bottom-by-footet-height*/
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px; /*Set-the-fixed-heiht-of-the-footer-here*/
    line-height: 60px; /*Vertically-center-the-text-here*/
    background-color: #37353d;
    color: white;
    text-align: center;
    opacity: 0.8;
}

    .footer a {
        color: white;
        text-decoration: none;
        transition: color 0.3s ease-in-out;
    }

        .footer a:hover {
            color: #ffc107;
        }

.container {
    width: auto;
    max-width: 980px;
    th: 680px;
    padding: 0 15px;
}