footer {position: absolute; bottom: 0;}
#main {min-height: 100vh;}
footer a{text-decoration: none; color:#969696;}
.cl{clear: both;}
.footer-top-black-strip {
    width: 100%;
    background-color: #3c3c3c;
    text-align: center;
    color: #b2b2b2;
    font-family: sans-serif;
    padding-top: 11px;
    padding-bottom: 10px;
}
.footer-top-black-strip ul{
    font-size: 12px;
    list-style-type: none;
    display: inline;
}
.footer-top-black-strip ul li{
    list-style-type: none;
    display: inline;
    padding-right: 10px;
}
.footer-top-black-strip ul li a{
    list-style-type: none;
    display: inline;
    padding-right: 10px;
    text-decoration: none;
}
.footer-top-black-strip ul li a:hover{
    list-style-type: none;
    display: inline;
    padding-right: 10px;
    text-decoration: none;
    color: white;
}


.footer-bottom-black-strip {
    position: relative;
    width: 100%;
    background-color: #2c2c2c;
    height: auto;
    padding: 12px;
    text-align: center;
    font-family: sans-serif;
}

.footer-bottom-left{ float: left; margin-right: 25px;}
.footer-bottom-left ul{
    font-size: 12px;
    list-style-type: none;
    display: inline;
    color: #7d7d7d;
}
.footer-bottom-left ul li{
    list-style-type: none;
    display: inline;
    padding-right: 3px;
}


.footer-bottom-right{ float: left;}
.footer-bottom-right ul{
    font-size: 12px;
    list-style-type: none;
    display: inline;
    color: #5b5b5b;
}
.footer-bottom-right ul li{
    list-style-type: none;
    display: inline;
    padding: 0 7px;
}
.footer-group {
    width: 700px;
    text-align: center;
    margin: 0 auto;
}

.footer-bottom-right a:hover, .footer-bottom-right a i:hover {color: orange!important;}


/* Styles for Mobile view */
@media only screen and (max-width: 767px) {
    .footer-group {
        display: flex;
        width: 100vw;
        flex-direction: column;
    }
    .footer-bottom-left, .footer-bottom-right {
        margin-top: auto;
    }
    .footer-bottom-right ul li {
        padding-right: 19px;
    }
}