/*footer stuff*/



* {
    margin: 0;
}
html, body {
    height: 100%;
}

.page-wrap {
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -100px; 
}
.page-wrap:after {
    content: "";
    display: block;
    }

#site-footer {
    text-align:center; 
    background-color:rgb(0, 255, 255);
    border-top: 2px solid rgb(0, 180, 255);
}

@media only screen and (max-width: 360px) {
    #site-footer {
        font-size: 14px;
    }
    .footer_ls{
        padding: 5px 15px; 
        margin-top: 25px;
    }
    .footer_ls_soc{
        padding: 5px 15px; 
        margin-top: 25px;
    }


    .page-wrap {
        margin-bottom: -320px; 

    }
    #site-footer, .page-wrap:after {
        height: 320px; 
    }
}

@media all and (min-width: 360px) and (max-width: 669px) {
    #site-footer {
        font-size: 14px;
    }
    .footer_ls{
        padding: 5px 15px; 
        margin-top: 25px;
    }
    .footer_ls_soc{
        padding: 5px 15px; 
        margin-top: 25px;
    }

    .page-wrap {
        margin-bottom: -320px; 

    }
    #site-footer, .page-wrap:after {
        height: 320px; 
    }

}



@media only screen and (min-width: 669px) {
    #site-footer {
        font-size: 16px;
    }
    .footer_ls{
        padding: 5px 25px; 
        margin-top: 20px;
    }

    .footer_ls_soc{
        padding: 5px 15px; 
        margin-top: 20px;
        
    }

    .page-wrap {
        margin-bottom: -250px; 

    }
    #site-footer, .page-wrap:after {
        height: 250px; 
    }
}


#footer_logo{
    max-width: 250px;
    height: auto;
    margin-bottom: 10px;
    margin-top: 40px;

}
#footer_copyright{
    font-size: 12px;
    color: grey;
}

.footer_ls{
    display: inline-block; 

}

.footer_ls_soc{

    display: inline-block; 
    font-size: 30px !important;
}

.footer_ls_soc a{

    color: black; 
}

/*.footer_fa.fa{

    font-size: 28px !important;
}
*/