/* Stylesheet for projects page only */

.projects-master {
    max-width: 1000px;
    /* margin: 50px auto 20px auto;
    font-family: 'Merriweather',serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5rem;
    padding: 10px; */
}

.projects-section1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 20px;
    grid-template-areas:
    "projects-centre-text1 projects-centre-text1"
    "projects-left-image1 projects-right-image1";
    margin-bottom: 40px;
}

.projects-image-panel {
    max-width: 100%;
}

.projects-left-image1 {
    grid-area: projects-left-image1;
}

.projects-left-image1 img {
    border: 5px solid white;
}

.projects-centre-text1 {
    margin-top: 0;
    grid-area: projects-centre-text1;
}

.projects-right-image1 {
    grid-area: projects-right-image1;
}

.projects-right-image1 img {
    border: 5px solid white;
}

.projects-section2 {
    border-top: 2px ridge #555;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-gap: 20px;
    grid-template-areas:
    "projects-centre-text2"
    "projects-left-image2";
    margin-bottom: 40px;
}

.projects-left-image2 {
    grid-area: projects-left-image2;
}

.projects-left-image2 img {
    border: 5px solid white;
}

.projects-centre-text2 {
    margin: 20px 0 20px 20px;
    grid-area: projects-centre-text2;
}

.projects-section3 {
    border-top: 2px ridge #555;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 20px;
    grid-template-areas:
    "projects-centre-text3 projects-centre-text3"
    "projects-left-image3 projects-right-image3";
    margin-bottom: 40px;
}

.projects-left-image3 {
    grid-area: projects-left-image3;
}

.projects-left-image3 img {
    border: 5px solid white;
}

.projects-centre-text3 {
    margin: 20px 0 20px 20px;
    grid-area: projects-centre-text3;
}

.projects-right-image3 {
    grid-area: projects-right-image3;
}

.projects-right-image3 img {
    border: 5px solid white;
}

@media (max-width:960px) {

    .projects-section1 {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas:
        "projects-centre-text1"
        "projects-left-image1"
        "projects-right-image1";
    }
    .projects-section2 {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas:
        "projects-centre-text2"
        "projects-left-image2";
    }

    .projects-section3 {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas:
        "projects-centre-text3"
        "projects-left-image3"
        "projects-right-image3";
    }

}