main {
    text-align: center;
    border-bottom:1px solid #eee;
}

    .line {
        border-top:1px solid #eee;
    }

    .intro {
        width:900px;
        max-width:100%;
        margin:0 auto;
        padding:5% 0;
    }

        h1 {
            font-family:'Times New Roman', Times, serif;
            font-size:3em;
            margin-bottom: 1em;
            font-weight: normal;
        }

        .intro p {
            line-height:2;
        }

        .ind-item .intro {
            width:600px;
        }

.items {
    padding-bottom:5%;
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:10em;
}

    .items > a img {
        width:100%;
        margin-bottom:2em;
        opacity:1;
        transition: opacity 0.5s ease-out;
    }

    .items > a img.missing {
        border:1px solid #eee;
        width:100%;
        padding:5em 25%;
        opacity:0.5;
    }

    .items a:nth-of-type(2n+2){
        transition-delay: 0.5s;
    }

    p.no-items {
        grid-column: 1/3;
    }

    .items h2,
    .items p {
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-weight: normal;
    }

    .items .price {
        letter-spacing: 0.075em;
    }

    .items a:hover img {
        opacity:0.75;
    }

.pager-nav,
.pager-nav ul{
    float:left;
    Clear:left;
    width:100%;
    text-align: center;
    padding:0;
    margin:0;
}

.pager-nav {
    margin-bottom:5%;
}

    .pager-nav li {
        display:inline-block;
        padding:0;
        margin:0;
    }
    
        .pager-nav a {
            display:block;
            border:1px solid #000;
            padding:0.5em 1em;
            color:#000;
            text-decoration: none;
            margin:0.25em;
        }
        
            .pager-nav ul li a:hover,
            .pager-nav ul li.active a{
                background-color:#000;
                color:#fff;
            }

.search-results {
    padding:0 0 5% 0;
}

    .result-num {
        margin-bottom:5em;
    }

.ind-item {
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:5em;
    padding:5% 0;
    align-items: start;
}

    .crumbs {
        display:none;
    }

.gallery {
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:1em;
}

    .gallery a img {
        opacity:1;
        transition: opacity 0.5s ease-out;
    }

    .gallery a:hover img {
        opacity:0.75;
    }

    .enquire-btn {
        display:block;
        float:none;
        width:100px;
        background-color:#000;
        border:1px solid #000;
        padding:1em 1.5em;
        margin:2.5em auto;
        text-decoration: none;
        transition: all 0.5s ease-out;
        color:#fff;
    }

        .enquire-btn:hover {
            background-color:#fff;
            color:#000;
        }

    input,
    textarea,
    label {
        float:left;
        clear:left;
        width:100%;
    }

    input,
    textarea {
        margin-bottom:1em;
        padding:1em;
        font-size:1.2em;
        border:0;
    }

    label {
        margin-bottom:0.5em;
        color:#fff;
    }

    input[type="submit"]{
        border:1px solid #fff;
        background-color:#000;
        color:#fff;
        outline:0;
        cursor: pointer;
        transition: all 0.5s ease-out;
    }

        input[type="submit"]:hover {
            background-color:#fff;
            color:#000;
        }

        .errortext {
            color:Red;
            font-size:2em;
            font-weight:bold;
        }

        .inputerror {
            border:2px solid red; 
        }

    .enqform {
        display:none;
    }

        .enqform.show {
            display:block;
        }

    .enqform form {
        background-color:#000;
        padding:3em;
    }

    .success img {
        height:2em;
        display:inline-block;
    }

@media screen and (max-width:1299px) {
    .items {
        padding:0 5% 5% 5%;
        grid-gap:5em;
    }

    .ind-item .intro {
        width:100%;
    }
}

@media screen and (max-width:999px) {
    .ind-item {
        grid-template-columns: 1fr;
    }

        .ind-item .intro {
            grid-row:1;
            padding:10% 0 5%;
        }

        .ind-item .gallery {
            margin-bottom:5em;
        }

        .crumbs {
            display:block;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            margin-bottom:4em;
        }

            .crumbs a {
                text-decoration: none;
                margin:0 1em;
                opacity:0.2;
                transition: all 0.5s ease-in-out;
            }

                .crumbs a:hover {
                    opacity:1;
                }
}

@media screen and (max-width:699px) {
    .intro {
        padding:7.5%;
    }

    .items a:nth-of-type(2n+2){
        transition-delay: 0s;
    }
}

@media screen and (max-width:599px) {
    .items {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width:499px) {
    .intro {
        padding:10%;
    }
}

@media screen and (max-width:399px) {
    .intro {
        padding:10% 5%;
    }
}