.maincontent {
position:relative;
padding:50px 0px;
width:100%;
max-width:100%;
}



.gallery-box-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1450px;
    width: 100%;
    margin: 0 auto;
}
.gallery-box {
    position: relative;
    width: 31%;
    margin: 1%;
}
.gallery-box .gallery-preview {
    width: 100%;
    height: auto;
}
.gallery-box h3 {
    position: absolute;
    top: 25px;
    left: 15px;
    background: #fff;
    padding: 10px;
    font-size: 1.1em;
    margin: 0;
    color: var(--accent-color);
}
.gallery-box .site_button {
    position: absolute;
    bottom: 25px;
    left: 50%;
    margin-left: -70px;
}

.gallery-box:hover .gallery-preview {
    opacity: .75;
}



.h2-heading {
    text-align: center;
    font-size: 2.5em;
    margin: 25px auto;
    text-transform: uppercase;
    font-weight: 400;
}
.h2-heading + hr {
    border-top: 3px solid var(--accent-color);
    max-width: 250px;
    width: 100%;
    margin: 25px auto;
}



@media (max-width: 1050px) {
    .gallery-box {
        width: 48%;
    }
}

@media (max-width: 700px) {
    .h2-heading {
        font-size: 1.8em;
    }
}

@media (max-width: 600px) {
    .gallery-box {
        width: 98%;
    }
}