.social-media-block {
    display: flex;
    justify-content: center;
}

.social-media-block .text-box {
    max-width: 55%;
    margin: 0 auto;
}

.social-media-block .text-box img {
    margin-bottom: 2rem;
}

.social-media-block .svg-img {
    width: 120px;
}

.social-media-block .subtext {
    text-shadow: 0 0 9px rgba(0,0,0,.45);
}

.social-media-block .button-holder {
    margin-top: 30px;
}

.social-media-block .item-wrapper {
    flex: 2.5;
    align-self: stretch;
    margin-right: 1rem;
}

.social-media-block .item-wrapper .item {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    padding: 50px 0;
}

.social-media-block .item-wrapper .container {
    position: inherit;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.social-media-block .social-media-wrapper {
    flex: 1;
    padding: 2rem 3rem;
    align-self: stretch;
    max-width: 33%;
}

.social-media-block .social-media-wrapper .header .title {
    font-size: 2rem;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 1.5rem;
}

.social-media-block .social-media-wrapper .body {
    padding-top: 2.5rem;
}

.social-media-block .social-media-wrapper .social-icon {
    height: 35px;
    width: 35px;
}

.social-media-block .social-media-wrapper .social-icons {
    display: flex;
    justify-content: space-around;
    padding-top: 1.2rem;
}

.social-media-block .social-media-wrapper .social-items {
    font-size: 1.8rem;
    padding: 0 0.5rem;
}

.social-media-block .social-media-wrapper .social-item a {
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 1rem;
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.social-media-block .social-media-wrapper .social-item a:hover i,
.social-media-block .social-media-wrapper .social-item a:focus i,
.social-media-block .social-media-wrapper .social-item a:active i {
    text-decoration: none !important;
}

.social-media-block.mobile-width {
    flex-direction: column-reverse;
}

.social-media-block.mobile-width .social-media-wrapper {
    margin-bottom: 1rem;
    max-width: 100%;
}

.social-media-block.mobile-width .item-wrapper .container {
    top: 100%;
    left: auto;
    transform: none;
}

.social-media-block.mobile-width .item-wrapper {
    margin-right: 0;
}

.social-media-block.mobile-width .social-media-wrapper .social-icons {
    display: flex;
}

.social-media-block.mobile-width .social-media-wrapper .body.hide-body {
    display: none;
}

@media screen and (max-width:1199px) {

    .social-media-block .svg-img {
        width: 100px;
    }

    .social-media-block .social-media-wrapper {
        padding: 1.5rem 2rem;
    }

    .social-media-block .text-box {
        max-width: 75%;
    }

    .social-media-block .social-media-wrapper .body {
        padding-top: 1.5rem;
    }

    .social-media-block .social-media-wrapper .header .title {
        font-size: 1.5rem;
    }

    .social-media-block .social-media-wrapper .social-items {
        font-size: 1.3rem;
    }

    .social-media-block .social-media-wrapper .social-icon {
        width: 30px;
    }

}

@media screen and (max-width:767px) {

    .social-media-block {
        flex-direction: column-reverse;
    }

    .social-media-block .social-media-wrapper {
        margin-bottom: 1rem;
        max-width: 100%;
    }

    .social-media-block .item-wrapper .container {
        top: 100%;
        left: auto;
        transform: none;
    }

    .social-media-block .item-wrapper {
        margin-right: 0;
    }

    .social-media-block .social-media-wrapper .social-icons {
        display: flex;
    }

    .social-media-block .social-media-wrapper .body.hide-body {
        display: none;
    }

}