/*------------------------------------------------------------------------------ footer */
footer {
    background: #282f38;
}

footer .center {
    margin: 0 auto;
    position: relative;
}

footer .center .left {
    width: 50%;
    float: left;
}

footer .center .right {
    width: 50%;
    float: right;
    text-align: center;
}

footer .center .right .padding {
    margin-top: 50px;
}

footer .center .right button {
    width: 140px;
    margin: 0;
}

footer h2 {
    color: #fff;
}
                                 
footer p {
    color: #617082;
}

footer .social {
    margin-bottom: 15px;
}

footer .social a {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-position: 0 0;
    margin: 0 3px;
}

footer .social a:hover {
    background-position: 0 30px;
}

footer .social .social-facebook {
    background: url( '../../_img/footer-facebook.png' );
}

footer .social .social-twitter {
    background: url( '../../_img/footer-twitter.png' );
}

footer .social .social-vimeo {
    background: url( '../../_img/footer-vimeo.png' );
}

footer .social .social-youtube {
    background: url( '../../_img/footer-youtube.png' );
}

footer .social .social-google-plus {
    background: url( '../../_img/footer-google-plus.png' );
}

/*------------------------------------------------------------------------------ responsive */
@media (min-width: 1150px) {

    footer .center {
        width: 1000px;
    }
}

@media (min-width: 850px) and (max-width: 1149px) {

    footer .center {
        width: 750px;
    }
}

@media (min-width: 600px) and (max-width: 849px) {

    footer .center {
        width: 500px;
    }
    
    footer .center .left {
        width: 100%;
        float: none;
        text-align: center;
    }
    
    footer .center .right {
        width: 100%;
        float: none;
        text-align: center;
    }
    
    footer .center .left .padding {
        padding-bottom: 0;
    }
    
    footer .center .right .padding {
        margin-top: 0;
    }
}

@media (max-width: 599px) {

    footer .center {
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }
    
    footer .center .left {
        width: 100%;
        float: none;
        text-align: center;
    }
    
    footer .center .right {
        width: 100%;
        float: none;
        text-align: center;
    }
    
    footer .center .left .padding {
        padding: 40px 0 0 0;
    }
    
    footer .center .right .padding {
        margin-top: 0;
        padding: 40px 0;
    }
}