hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    height: inherit;
}

.insight-wrap {
    perspective: 2500;
    -webkit-perspective: 2500;
    width: 800px;
    margin: 86px auto 150px auto;
    perspective-origin: 50% 150px;
    -webkit-perspective-origin: 50% 150px;
    transition: perspective, .5s;
    -o-transition: -o-perspective, .5s;
    -moz-transition: -moz-perspective, .5s;
    -webkit-transition: -webkit-perspective, .5s;
}

.insight-images:hover {
    animation-play-state: paused;
    -o-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

.insightsList li {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 1px solid rgba(0, 0, 0, .1);
}
.insightsList li:first-child{
    border-top: none;
    padding-top: 0;
}
@-webkit-keyframes spin {
    from {
        transform: rotateY(0);
        -o-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -webkit-transform: rotateY(0);
    }

    to {
        transform: rotateY(-360deg);
        -o-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        -moz-transform: rotateY(-360deg);
        -webkit-transform: rotateY(-360deg);
    }
}

.insight-images {
    margin: 0 auto;
    height: 300px;
    width: 300px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    animation: spin 22s infinite linear;
    -moz-animation: spin 22s infinite linear;
    -o-animation: spin 22s infinite linear;
    -webkit-animation: spin 22s infinite linear;
}

.insight-image {
    position: absolute;
    height: 300px;
    width: 300px;
    border-radius: 25px;
    background-color: black;
    text-align: center;
    font-size: 12px;
    font-family: Raleway;
    color: #fff;
    cursor:pointer;
}

    .insight-image img {
        border-radius: 25px;
        border-top: solid 1px #00000050;
    }

    ul.insightsList {
        list-style: none;
        padding: 0;
        margin: 0;
    }
   
        .i1 {
            transform: translateZ(485px);
            -moz-transform: translateZ(485px);
            -o-transform: translateZ(485px);
            -ms-transform: translateZ(485px);
            -webkit-transform: translateZ(485px);
        }

        .i2 {
            transform: rotateY(45deg) translateZ(485px);
            -moz-transform: rotateY(45deg) translateZ(485px);
            -o-transform: rotateY(45deg) translateZ(485px);
            -ms-transform: rotateY(45deg) translateZ(485px);
            -webkit-transform: rotateY(45deg) translateZ(485px);
        }

        .i3 {
            transform: rotateY(90deg) translateZ(485px);
            -moz-transform: rotateY(90deg) translateZ(485px);
            -o-transform: rotateY(90deg) translateZ(485px);
            -ms-transform: rotateY(90deg) translateZ(485px);
            -webkit-transform: rotateY(90deg) translateZ(485px);
        }

        .i4 {
            transform: rotateY(135deg) translateZ(485px);
            -moz-transform: rotateY(135deg) translateZ(485px);
            -o-transform: rotateY(135deg) translateZ(485px);
            -ms-transform: rotateY(135deg) translateZ(485px);
            -webkit-transform: rotateY(135deg) translateZ(485px);
        }

        .i5 {
            transform: rotateY(180deg) translateZ(485px);
            -moz-transform: rotateY(180deg) translateZ(485px);
            -o-transform: rotateY(180deg) translateZ(485px);
            -ms-transform: rotateY(180deg) translateZ(485px);
            -webkit-transform: rotateY(180deg) translateZ(485px);
        }

        .i6 {
            transform: rotateY(225deg) translateZ(485px);
            -moz-transform: rotateY(225deg) translateZ(485px);
            -o-transform: rotateY(225deg) translateZ(485px);
            -ms-transform: rotateY(225deg) translateZ(485px);
            -webkit-transform: rotateY(225deg) translateZ(485px);
        }

        .i7 {
            transform: rotateY(270deg) translateZ(485px);
            -moz-transform: rotateY(270deg) translateZ(485px);
            -o-transform: rotateY(270deg) translateZ(485px);
            -ms-transform: rotateY(270deg) translateZ(485px);
            -webkit-transform: rotateY(270deg) translateZ(485px);
        }

        .i8 {
            transform: rotateY(315deg) translateZ(485px);
            -moz-transform: rotateY(315deg) translateZ(485px);
            -o-transform: rotateY(315deg) translateZ(485px);
            -ms-transform: rotateY(315deg) translateZ(485px);
            -webkit-transform: rotateY(315deg) translateZ(485px);
        }

.insights-text-section {
    padding: 50px;
}
.insight-item {
    margin-left: 5px;
}

.insight-item a {
    font-size: 20px;
    margin: auto;
    font-weight: 400;
    font-family: 'Raleway';
    letter-spacing: .2em;
    color: #212529;
    text-transform: uppercase;
    padding-left: 10px;
    cursor:pointer;
}

.insight-item:hover {
    margin-left:0;
}

.insight-item:hover a {
    color: #0471DF;
}

.fa-download {
    color: rgb(218, 214, 214);
    font-size: 18px;
}

@media only screen and (max-width: 430px) {
    .insights-section {
        font-size: 45px;
        font-family: Raleway;
    }

    .insights-text-section {
        font-size: 13px;
        padding: 0;
    }
}

@media only screen and (max-width: 850px) {
    .insights-section {
        font-size: 50px;
        padding-top: 100px;
    }

    .insights-blurb {
        font-size: 18px;
    }

    .insight-wrap {
        display: none;
    }

    .insights-text-section {
        font-size: 14px;
    }
}