@media screen and (min-width: 780px) {
    /*footer*/
    footer{
        width: 100%;
        height:150px;
        bottom:0;
        background-color: #464646;
        margin-left: 0%;
        margin-right: 0%;
    }
    footer .container{
        padding-right: 30px;
    }

    .footer-logo{
        width: 118px;
        float: left;
        margin-top: 15px;
        
    }

    .footer-info, .footer-copy{
        font-size: 0.58em;
        float: right;
        text-align: right;   
    }

    .footer-info{
        color: rgb(173, 173, 173);
        height: auto;
        margin-top: 30px;
        font-weight: 400;
        line-height: 1.5em;
        margin-left: 50px;
        font-family: sdGothic, serif;
        font-weight: 300;
        
    }
}

@media (max-width: 768px) and (min-width: 0px) {
    /*footer*/
    footer{
        width: 100%;
        height:142px;
        bottom:0;
        background-color: #464646;
        margin-left: 0%;
        margin-right: 0%;
    }
    footer .container{
        padding-right: 30px;
    }

    .footer-logo{
        display: none;
        width: 100px;
        float: left;
        margin-top: 15px;
        
    }

    .footer-info, .footer-copy{
        font-size: 10px;
        float: left;
        text-align: left;   
    }

    .footer-info{
        color: rgb(173, 173, 173);
        height: auto;
        margin-top: 20px;
        font-weight: 400;
        line-height: 1.5em;
        margin-left: 0px;
        font-family: sdGothic, serif;
        font-weight: 300;
        
    }
}