//.wrapper{ align-content: center;
display: grid;
grid-template-columns: [leftedge] 50px [line1] auto [line2] 30px [centre] 30px [line3] auto [line4] 50px [rightedge];
grid-template-rows: [topedge] 60px [row1] 20px [row2] 40% [row3] 40% [bottomedge]; }

body {
    background-image: url(AdobeStock_124359214.jpeg);
    background-size: 100%;
    font-family: sans-serif; 
}

.fullbody {
    display: grid;
    width: 80%;
    margin: auto; line-height: 10px;
    padding: 2%; margin-top: 2%;
    grid-column-start: 1; grid-column-end: 1;
    border-color: #1a602c; border-style: solid; border-width: 12px;
    background-color: rgba(255,255,255, 0.6); overflow: hidden;
}


.head{
    display: grid;
    grid-gap: 20px;
    width: 100%;
    margin: auto;
    grid-template-columns: repeat(auto-fit, minmax(0, min(100%/3, max(100%, 100%/3))));
}

.head-left {
    list-style-image: none;
    line-height: 40px;
    font-family: monospace; font-size: 20px;
    grid-column-start: 1; grid-column-end: 1;
    text-align: right;
    padding: 3%;
    margin: 2%;
    background-image: linear-gradient(to left, #1a602c, #0000)
}

a:link {color: white; text-decoration: none;}
a:visited {color: white;}
a:hover {color: #20c4ac; text-decoration: underline;}
a:active {color: #20c4ac;}

.head-mid {
    grid-column-start: 2; grid-column-end: 2;
    text-align: center; padding-top: 130px;
    font-family: monospace; font-size: 15px; color: white; filter: drop-shadow(0px 4px 4px #222);
    background-image: url(15airedale-logo.png);
    background-size: 180px; background-repeat: no-repeat; background-position: center;
    //padding: 20px; margin: 20px;
    //background-color: brown;
}

.head-right {
    line-height: 30px;
    color: white; 
    font-family: monospace; font-size: 20px;
    grid-column-start: 3; grid-column-end: 3;
    text-align: left;
    padding: 3%;
    margin: 2%;
    background-image: linear-gradient(to right, #1a602c, #0000)
}

.subtitle {
    display: grid;
    font-family: monospace;
    grid-column-start: 1; grid-column-end: 1;
    background-color: white; padding-left: 3%;
    text-align: center; justify-content: center;
}

.body{
    display: grid;
    grid-gap: 36px;
    width: 80%;
    margin: auto;
    grid-auto-columns: 50%
}

.body-left1 {
    //width: 42%; height: 300px; float: left;
    margin: 2%; padding: 2%;
    grid-column-start: 1; grid-column-end: 1;
    border-color: #1a602c; border-style: solid; border-width: 12px;
    background-color: rgba(255,255,255, 0.6); overflow: hidden;
}
.body-right1 {
    //width: 42%; height: 300px; float: left;
    margin: 2%; padding: 2%;
    background-color: aqua;
    grid-column-start: 2; grid-column-end: 2;
    border-color: #1a602c; border-style: solid; border-width: 12px;
    background-color: rgba(255,255,255, 0.6); overflow: hidden;
}

.body-left2 {
    //width: 42%; height: 300px; float: left;
    margin: 2%; padding: 2%;
    background-color: aqua;
    grid-column-start: 1; grid-column-end: 1;
    grid-row-start: 2; grid-row-end: 2;
    border-color: #1a602c; border-style: solid; border-width: 12px;
    background-color: rgba(255,255,255, 0.6); overflow: hidden;
}
.body-right2 {
    //width: 42%; height: 300px; float: left;
    margin: 2%; padding: 2%;
    background-color: aqua;
    grid-column-start: 2; grid-column-end: 2;
    grid-row-start: 2; grid-row-end: 2;
    border-color: #1a602c; border-style: solid; border-width: 12px;
    background-color: rgba(255,255,255, 0.6); overflow: hidden;
}

img {overflow: hidden; margin: -3%;}