.mills-fence-brands {
    background: #000;
    position: relative;
}

.shapes {
    position: absolute;
    bottom: 10%;
    left: 7%;
    width: 400px;
}



.shapes.small {

    left: 5%;
    bottom: 28%;
    width: 350px;

}

.shapes.shape-right {

    left: auto;

    right: 8%;

    bottom: 50%;

}

.mills-fence-brands .mfb-section-title h2 {

    color: #EFC031;

}



.mills-fence-brands p, .mills-fence-brands p a {

    font-size: 24px;

    color: #fff;

}



.mills-fence-brands .mfb-image-wrapper {

    position: relative;

    z-index: 2;

}



.mills-fence-brands .mfb-image {

    position: relative;

    z-index: 0;

    overflow: hidden;

}



.mills-fence-brands .mfb-image::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.5); 

    z-index: 1;

    pointer-events: none;

    transition: all 0.7s ease-in-out;

}



.mills-fence-brands .mfb-image img {

    width: 100%;

    display: block;

    transition: transform 0.5s ease;

    position: relative;

    z-index: 0;

}



.mills-fence-brands .mfb-image-wrapper:hover .mfb-image img {

    transform: scale(1.1);

}



.mills-fence-brands .mfb-img-content {

    position: absolute;

    z-index: 2; 

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

    color: #fff;

}



.mills-fence-brands .mfb-img-content h3,

.mills-fence-brands .mfb-img-content p,

.mills-fence-brands .mfb-img-content p a {

    color: #fff;

}



.mills-fence-brands .mfb-image-wrapper a i {
    position: absolute;
    color: #EFC031;
    z-index: 2;
    left: 50%;
    bottom: 8px;
    transform: translateX(-50%) rotate(212deg);
    font-size: 24px;
}



@media (min-width:992px) {
    .mills-fence-brands .mfb-image-wrapper a i {
        bottom: 44px;
    }
    .loc-link {
        padding-bottom: 20px;
    }
}