.circle-collage {
    display: block;
    position: relative;
    z-index: 8;
    width: 100%;
    height: 420px;
    margin-top: 220px;
}

.circle-collage .circle {
    -moz-border-radius: 1000px 1000px 1000px 1000px;
    -webkit-border-radius: 1000px 1000px 1000px 1000px;
    border-radius: 1000px 1000px 1000px 1000px;
    overflow: hidden;
    position: absolute;
}

.circle-collage .circle.lg-circle {
    height: 160px;
    width: 160px;
    z-index: 3;
}

.circle-collage .circle.md-circle {
    height: 80px;
    width: 80px;
    z-index: 1;
}

.circle-collage .circle.sm-circle {
    height: 40px;
    width: 40px;
    z-index: 5;
}

.circle-collage .circle.xs-circle {
    height: 20px;
    width: 20px;
    z-index: 4;
}

.circle-collage .circle.blue-circle {
    background-color: #6CC8ED;
    text-align: center;
    padding-top: 16px;
}

.circle-collage .circle.orange-circle {
    background-color: #F3981B;
    text-align: center;
    padding-top: 16px;
}

.circle-collage .circle.green-circle {
    background-color: #3FA534;
    text-align: center;
    padding-top: 16px;
}

.circle-collage .circle.white-circle {
    background-color: #ffffff;
    text-align: center;
    padding-top: 16px;
}

.circle-collage .circle.red-circle {
    background-color: #E5391F;
    text-align: center;
    padding-top: 16px;
}

.circle-collage .circle.blue-circle i,
.circle-collage .circle.orange-circle i {
    font-size: 90px;
    color: #ffffff;
}

.circle-collage .circle.lg-circle > img,
.circle-collage .circle.lg-circle > video {
    margin-left: -200px;
}

.circle-collage .circle.md-circle > img,
.circle-collage .circle.md-circle > video {
    margin-left: -140px;
}

.circle-collage .circle.sm-circle > img,
.circle-collage .circle.sm-circle > video {
    margin-left: -80px;
}

.circle-collage .circle.sm-circle > img,
.circle-collage .circle.sm-circle > video {
    margin-left: -80px;
}

/*
.circle-collage .circle.sm-circle [class^="icon-"]:before,
.circle-collage .circle.sm-circle [class*=" icon-"]:before  {
    font-size: 65px;
    color: #ff0000;
    margin: 0px auto;
}*/

.circle-collage .circle video,
.circle-collage .circle img {
    height: auto;
    left: 0;
    margin-left: 0;
    position: relative;
    margin-bottom: 0px;
}

/*@media (max-width: 1500px) {
    .circle-collage .circle.lg-circle {
        height: 350px;
        width: 350px;
    }
}

@media (max-width: 1400px) {
    .circle-collage .circle.lg-circle {
        height: 300px;
        width: 300px;
    }
}

@media (max-width: 1300px) {
    .circle-collage .circle.lg-circle {
        height: 270px;
        width: 270px;
    }
}


@media (max-width: 1200px) {
    .circle-collage .circle.lg-circle {
        height: 240px;
        width: 240px;
    }
}*/