.footer-bg {
    height: 280px;
    background-image:url("../assets/footer/footer.jpg");
    background-attachment: scroll;
    background-size: auto 100%;
    background-color: #000;
    background-position: 50% 0%;
    background-repeat: no-repeat;
}

.ft_social {
    float: left;
    display: block;
    width: 54px;
    height: 58px;
    opacity: 0.2;
    margin-right: 5px;
    
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;    
}

.ft_social:hover {
    opacity: 0.9;
/*    padding-bottom: 5px;*/
    height: 53px;

}

.right-fix {
    margin-right: 0;
}

.ft_text {
    float: none;
    font-size: 0.75em;
    text-align: center;
    font-weight: normal;
    margin: 18px auto 0px;
    color: #666;
}

.ft_text-2 {
    color: #999;
    font-weight: bold;
}

.social-footer {
    float: none;
    height: auto;
    margin: 39px auto 0px;
    clear: none;
    width: 100%;
    max-width: 408px;
}

@media only screen and (max-width: 1170px) {        /*  fixed width (Services = 2-row / Portfolio = 3-row) */



}

@media only screen and (max-width: 1060px) {        /*  iPad Landscape (Services = 2-row / Portfolio = 3-row) */



}

@media only screen and (max-width: 900px) {        /*  iPad Portrait (Services = 1-row / Portfolio = 2-row) */
    
    

}

@media only screen and (max-width: 740px) {        /*  iPhone Landscape (Services = 1-row / Portfolio = 2-row) */


}

@media only screen and (max-width: 550px) {        /*  iPhone Portrait (Services = Portfolio = 1-row) */

    .social-footer {
        max-width: 287px;
        width: auto;
        margin: 5% auto 0px;
    }
    
    .ft_social {
        width: auto;
        height: 44px;
        opacity: 0.2;
        margin-right: 0px; 
    }
    
    .ft_text {
        line-height: 2.25em;
        padding: 0 5%;
    }    


}