.gallery-items {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));
    gap:2rem;
    margin-bottom:5rem;
    width:100%;

    & a {
        text-decoration: none;

        & h2 {
            text-align: center;
        }

        & p {
            display:block;
            margin-inline:auto;
            margin-top:1rem;
            border: 1.5px solid #333;
            color:#333;
            padding: 0.5em 1em;
            font-size:0.7rem;
            width:fit-content;
            text-transform: uppercase;

            &:hover {
                background-color:#333;
                color:#fff;
            }
        }

        & .image {
            width:100%;
            aspect-ratio: 1;

            & img {
                width:100%;
                height:100%;
                object-fit: contain;
            }
        }

        &:hover img {
            opacity:0.5;
        }
    }
}

.heading {
    margin-bottom:3rem;
    width:100%;
}

.content {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(500px,100%),1fr));
    gap:3rem;
    margin-bottom:5rem;

    & h1 {
        text-align: left;
        margin-bottom:1rem;
    }

    & a.enquire {
        clear:both;
        display:inline-block;
        margin-top:1rem;
        border: 1.5px solid #333;
        color:#333;
        padding: 0.5em 1em;
        font-size:1rem;
        text-decoration: none;
        text-transform: uppercase;

        &:hover {
            background-color:#333;
            color:#fff;
        }
    }

    .text {
        display:grid;
        align-content: space-between;
    }

    & .back {
        font-size:1rem;
        text-decoration: none;
        margin-top:3rem;

        &:hover {
            text-decoration: underline;
        }
    }
}