footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    height: auto;
    min-height: 300px;
    color: #ccc;
    background: url(../img/bg.jpg) no-repeat top center;
    background-size: cover;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;

    @include breakpoint(1200px) {
        .row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
    }

    div {
        z-index: 2;
    }

    .row {
        > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        &:nth-child(1) {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }
    }

    .logo {
        a {
            h1 {
                font-size: 60px;
            }

            span {
                font-size: 12px;
                letter-spacing: 15px;
            }
        }
    }

    .copy-footer {
        padding: 5px;
    }
}

.footer-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: 25px;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    .shareBtn {
        background-color: transparent;
        padding: 20px;
        color: #fff;
    }

    .shareBtn:hover {
        background-color: #fff;
        color: #000;
    }
}