#section-fillup-3 {
    margin: 0 auto;
    text-align: center;
    /*width: 960px;*/
}

.hex_row_even {
    display: inline-block;
    margin: 0 auto -275px auto;
    /*overflow: hidden;*/
}

.hex_row_odd {
    display: inline-block;
    margin: 0 auto -275px auto;
    /*overflow: hidden;*/
}

.center {
    float: left;
    margin: -27px 89px;
    width: 220px;
}

.hexagon {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    /*cursor: pointer;*/
    height: 440px;
    overflow: hidden;
    visibility: hidden;
    width: 220px;
}

.hex1 {
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.hex2 {
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
    height: 100%;
    position: relative;
    visibility: visible;
    width: 100%;
}

.desc {
    color: white;
    height: 440px;
    line-height: 1.5em;
    position: absolute;
    text-align: center;
    visibility: visible;
    width: 220px;
}
.desc a {
    color: white;
}
.desc.base {
    background: rgba(230, 0, 98, 0.75);
}

.desc.one {
    background: rgba(252, 171, 55, 0.75);
}

.desc.two {
    background: rgba(169, 160, 50, 0.75);
}

.desc.three {
    background: rgba(83, 70, 54, 0.75);
}

.desc h2 {
    margin: 206px 25px 0 20px;
    transform: rotate(30deg);
    font-size: 20px;
    font-weight: 700;
}
.desc p {
    font-size: .5em;
    text-transform: lowercase;
}
.hex-mobile {
    display: none;
}
.success-stories-img {
    background: url('../images/hex-icon/success-stories-icon.svg') center no-repeat;
}
.training-img {
    background: url('../images/hex-icon/training-icon.svg') center no-repeat
}
.deployment-img {
    background: url('../images/hex-icon/deployment-icon.svg') center no-repeat
}
.repatriation-img {
    background: url('../images/hex-icon/repatriation-icon.svg') center no-repeat
}
.awards-img {
    background: url('../images/hex-icon/awards-icon.svg') center no-repeat
}
.retention-img {
    background: url('../images/hex-icon/retention-icon.svg') center no-repeat
}
.recruitment-img {
    background: url('../images/hex-icon/recruitment-icon.svg') center no-repeat
}
@media (max-width: 1245px) {
    .center {
        margin: -21px 64px;
    }
    .hexagon {
        height: 410px;
        width: 190px;
    }
    .desc {
        height: 410px;
        width: 190px;
    }
    .desc h2 {
        margin: 186px 25px 0 20px;
    }

}
@media (max-width: 1095px) {
    .center {
        margin: -16px 42px;
    }
    .hexagon {
        height: 390px;
        width: 170px;
    }
    .desc {
        height: 390px;
        width: 170px;
    }
    .success-stories-img {
        background: url('../images/hex-icon/medium/success-stories-icon.svg') center no-repeat;
    }
    .training-img {
        background: url('../images/hex-icon/medium/training-icon.svg') center no-repeat
    }
    .deployment-img {
        background: url('../images/hex-icon/medium/deployment-icon.svg') center no-repeat
    }
    .repatriation-img {
        background: url('../images/hex-icon/medium/repatriation-icon.svg') center no-repeat
    }
    .awards-img {
        background: url('../images/hex-icon/medium/awards-icon.svg') center no-repeat
    }
    .retention-img {
        background: url('../images/hex-icon/medium/retention-icon.svg') center no-repeat
    }
    .recruitment-img {
        background: url('../images/hex-icon/medium/recruitment-icon.svg') center no-repeat
    }
}
@media (max-width: 963px) {
    .center {
        float: left;
        margin: 24px 17px;
        width: 160px;
    }
    .hexagon {
        height: 380px;
        width: 160px;
    }
    .desc {
        height: 380px;
        width: 160px;
    }
    .desc h2 {
        margin: 176px 25px 0 20px;
    }
}
@media (max-width: 616px) {
    .center {
        float: left;
        margin: 24px 17px;
        width: 160px;
    }
    .hexagon {
        height: 380px;
        width: 160px;
    }
    .desc {
        height: 380px;
        width: 160px;
    }
}
@media (max-width: 633px) {
    .hex_row_odd,
    .hex_row_even {
        display: none;
    }
    .hex-mobile {
        display: block
    }
}
.rotate-img {
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}