.postercol1 {
    grid-area: postercol1;
    background: url("../images/localbusiness/ctait/tait2.jpg");
    background-size: cover;
    /*background-attachment: fixed;*/ /*Take out*/
    background-position: center;
    min-height: 250px;
    min-width: 200px; /*3 col auto at 600 so postercol2 cannot be greater then 200 if defined in 3 cols*/
    /*max-height:250px;*/
}

.postercol2 {
    grid-area: postercol2;
    background: url("../images/localbusiness/ctait/tait3.jpg");
    background-size: cover;
    /*background-attachment: fixed;*/ /*Take out*/
    background-position: center;
    min-height: 250px;
    min-width: 200px; /*3 col auto at 600 so postercol2 cannot be greater then 200 if defined in 3 cols*/
    /*max-height:250px;*/
}

.postercontent {
    grid-area: postercontent;
    background-color: #444;
    color: #fff;
    font-size: 20px;
}

.postercontent1 {
    grid-area: postercontent1;
    background-color: #444;
    color: #fff;
    font-size: 20px;
}

.postercontent2 {
    grid-area: postercontent2;
    background-color: #444;
    color: #fff;
    font-size: 20px;
}



.posterheader {
    grid-area: posterheader;
    background-color: #8ebf42;
    color: #fff;
}

.posterfooter {
    grid-area: posterfooter;
    background-color: #8ebf42;
    color: #fff;
}

.posterwrapper {
    background-color: #c7c3c3;
    color: #444;
    display: grid;
    grid-gap: 1em;
    grid-template-areas: "posterheader" "postercol1" "postercol2" "postercontent" "posterfooter";
    font-size: 16px;
    margin-left: 2%;
    margin-right: 2%;
}
/*Note Margins and max width when setting media size*/
@media only screen and (min-width: 700px) {
    .posterwrapper {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "posterheader posterheader" "postercol1 postercol2" "postercontent postercontent" "posterfooter posterfooter";
        max-width: 80%;
        margin: 0 auto;
    }
}

/*Was originally 600px*/
@media only screen and (min-width: 1000px) {
    .posterwrapper {
        grid-gap: 20px;
        /*First number is height*/
        /*grid-template-columns: 220px auto 220px;*/
        grid-template-columns: ifr 1fr ifr;
        grid-template-areas: "posterheader posterheader posterheader" "postercol1 postercol2 postercol2" "postercontent postercontent postercontent" "posterfooter posterfooter posterfooter";
        max-width: 80%;
        /*margin: 20% auto;*/
        margin: 0 auto;
    }
}

.posterbox {
    /*background-color: #444;*/
    /*color: #ffffff;*/
    border-radius: 15px;
    padding: 10px;
    /*font-size: 150%;*/
    /*font-size: 20px;*/
}

.posterheader,
.posterfooter {
    background-color: #8ebf42;
    font-size: 20px;
    border-radius: unset;
}
.posterheader {
    font-size: 26px;
}
.postercol2 {
    background-color: #ccc;
    color: #444;
}