.boxer {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: 1fr;
  margin-inline-start: .85rem;
  margin-inline-end: .85rem;
  margin-block-end: 1rem;
}

@media screen and (min-width: 640px) {
  .boxer {
    display: grid;
    grid-gap: 1.5em;
    grid-template-columns: 1fr 1fr;
    margin: 3rem 3rem 1.5rem 3rem;
  }
}

.folio-list-shop {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: .5rem;
  margin-block-end: 1rem;
}






.folio-title {
  grid-row: 1;
  grid-column: 1;
  padding-block-end: .5rem;
  text-decoration: underline;
  text-decoration-color: chocolate;
  line-height: 1.85rem;
}

.folio-author-artist {
  grid-row: 3;
  grid-column: 1;
}

.folio-author {
  grid-row: 3;
  padding-block-end: 0;
}

.folio-artist {
  grid-row: 4;
}


@media screen and (min-width: 640px) {
  .folio-list-shop {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, 1fr);
    column-gap: 2rem;
    row-gap: .5rem;
  }



  .folio-title {
    grid-column: 2;
    font-size: 1.5rem;
  }

  .folio-author-artist {
    grid-column: 2;
    grid-row: 2 / 4;
  }

  .folio-author {
    margin-block-end: .5rem;
  }

  hr.folio {
    display: none;
  }
}

.folio-img-featured {
  grid-column: 2 / 4;
  grid-row: 1;
}

.folio-flex ul {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  list-style-type: none;
}

.folio-flex li {
  margin-block-end: 1.5rem;
}

@media screen and (min-width: 640px) {
  .folio-flex li {
    max-width: 40%;
    margin-block-end: ;
  }
}


.gridimg {
  grid-column: 1;
  grid-row: 1;
  justify-self: center;
  margin-block-start: 1.25rem;
}

.gridimg img {
  max-height: 320px;
}

@media (min-width: 640px) {
  .gridimg {
    grid-column: 1;
    grid-row: 1;
    margin-block-start: 0;
  }
}

@media (min-width: 640px) {
  .gridimg img {
    max-height: 512px;
  }
}

.imgtxttxt {
  grid-column: 2 / 3;
  grid-row: 2;
}

.imgtxtimg {
  grid-column: 1 / 2;
  grid-row: 2;
}

.view-all {
  grid-column: 1 / 3;
  grid-row: 3;
}

/* .accordion {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  justify-content: center;
} */

/*Article flex items*/


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

.article-head {
  grid-row: 1;
}

.article-body {
  grid-row: 3;
}

.news-left {
  grid-row: 2;
}

.item-left {
  grid-row: 4;
}

.article-right {
  grid-row: 5;
}


@media (min-width: 640px) {
  .article {
    display: grid;
    grid-gap: 2.5rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .article-head {
    grid-column: 1 / 5;
    grid-row: 1;
  }

  .article-body {
    grid-column: 2 / 4;
    grid-row: 2 / 5;
  }


  .news-left {
    grid-column: 1;
    grid-row: 2;
    padding-top: 2.5rem;
  }

  .item-left {
    grid-column: 1;
    grid-row: 3;
  }

  .article-right {
    grid-column: 4;
    grid-row: 2 / 5;
    padding-top: 2.5rem;
  }
}

/*End re-configure article for use in blog*/




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

.menulink {
  grid-column: 1 / 2;
  text-decoration: underline;
}

@media (min-width: 640px) {
  .menulink {
    grid-column: 2 / 3;
    text-align: center;
  }
}

.right-nav {
  grid-column: 3 / 4;
  text-align: right;
  text-decoration: underline;
}

.workpage img {
  width: 100%;
}

.announcegrid {
  display: grid;
  grid-gap: 1em;
}

.img-txt-head {
  grid-area: headline;
  justify-self: center;
  align-self: center;
}

.announcetxt {
  grid-area: announcetext;
}

.announceimg1 {
  grid-area: announceimage1;
  justify-self: center;
  align-self: center;
}

.view-all {
  grid-area: viewall;
  justify-self: center;
  align-self: center;
}

.announcerow1 {
  grid-template-areas:
    "headline"
    "announceimage1"
    "announcetext"
    "viewall";
}

@media (min-width: 640px) {
  .announcerow1 {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "headline       headline"
      "announceimage1 announcetext"
      "viewall        viewall";
  }
}

.announcerow1rev {
  grid-template-areas:
    "headline"
    "announceimage1"
    "announcetext"
    "viewall";
}

@media (min-width: 640px) {
  .announcerow1rev {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "headline     headline"
      "announcetext announceimage1"
      "viewall      viewall";
  }
}

.announceimg {
  grid-area: announceimage1;
  justify-self: center;
}

.announceimg img {
  width: 100%;
}

.navigation-top li:last-child {
  margin: 0 0 0 auto;
}

.right-nav {
  grid-column: 3 / 4;
}

nav.navigation-main ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  list-style: none;
  margin: 0 auto;
  padding: 1em 0;
}

@media (min-width: 640px) {
  nav.navigation-main ul {
    flex-wrap: nowrap;
  }
}

.announcegrid h3 {
  line-height: 1.5em;
  text-align: center;
  padding: 0 .5em;
  margin-bottom: .375em;
}

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

.imgleft .title-detail {
  grid-column: 1;
  grid-row: 1;
}

.imgleft .main-img-txt {
  grid-column: 1;
  grid-row: 3;
}

.imgleft .mainimg {
  grid-column: 1;
  grid-row: 2;
}

.imgright .title-detail {
  grid-column: 1;
  grid-row: 1;
}

.imgright .main-img-txt {
  grid-column: 1;
  grid-row: 3;
}

.imgright .mainimg {
  grid-column: 1;
  grid-row: 2;
}

.txt-describe {
  grid-column: 1;
  grid-row: 3;
}

.folio-project {
  grid-column: 1;
}

.maintxt {
  grid-column: 1;
  grid-row: 1;
}

@media screen and (min-width: 640px) {
  .project {
    display: grid;
    grid-gap: 2em;
    grid-template-columns: 1fr 1fr;
  }

  .imgleft .title-detail {
    grid-column: 2;
    grid-row: 1;
  }

  .imgleft .main-img-txt {
    grid-column: 2;
    grid-row: 2;
  }

  .imgleft .mainimg {
    grid-column: 1;
    grid-row: 1 / 4;
    padding-top: 4rem;
  }

  .imgright .title-detail {
    grid-column: 1;
    grid-row: 1;
  }

  .imgright .maintxt {
    grid-column: 1;
  }

  .imgright .main-img-txt {
    grid-column: 1;
    grid-row: 2;
  }

  .imgright .mainimg {
    grid-column: 2;
    grid-row: 1 / 4;
    padding-top: 4rem;
  }

  .txt-describe {
    grid-column: 1 / 3;
    grid-row: 2;
    max-width: 85ch;
    justify-self: center;
  }
}

.maintxt {
  grid-column: 2;
}

.folio-project {
  grid-column: 1 / 3;
}

.folio-flex ul {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  list-style-type: none;
}

.imgleft .image-row {
  grid-column: 1 / 2;
  grid-row: 1;
}

.imgleft .text-row {
  grid-column: 2 / 3;
  grid-row: 1;
}

.imgleft .text-row {
  margin-left: 2rem;
}

.imgright .image-row {
  grid-column: 2 / 3;
  grid-row: 1;
}

.imgright .text-row {
  grid-column: 1 / 2;
  grid-row: 1;
}

.imgright .text-row {
  text-align: right;
  margin-right: 2rem;
}

.centered-content {
  grid-column: 1;
}

@media (min-width: 640px) {
  .centered-content {
    grid-column: 2 / 4;
  }
}



@media (min-width: 640px) {
  .folio-list {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media screen and (min-width: 640px) {
  .folio-list-shop form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
  }
}

.folio-list-shop form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
}


/* Items in the product page set in the grid area */

.boxer-item {
  display: grid;
  grid-gap: 1.5em;
  grid-template-columns: 1fr;
}

@media (min-width: 640px) {
  .boxer-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
  }
}

.gridimg-vers {
  grid-column: 1;
  grid-row: 1;
  justify-self: center;
}

@media (min-width: 640px) {
  .gridimg-vers {
    grid-column: 2;
    grid-row: 1;
  }
}

.gridimg-vers img {
  max-width: 100%;
  max-height: 384px;
}


/*General info in column to side of image */

.boxed {
  grid-column: 1;
  grid-row: 2;
}

@media (min-width: 640px) {
  .boxed {
    grid-column: 2;
    grid-row: 1;
    text-align: center;
  }
}

.boxed-vers {
  grid-column: 1;
  grid-row: 2;
}

@media (min-width: 640px) {
  .boxed-vers {
    grid-column: 1;
    grid-row: 1;
    text-align: right;
  }
}



.list-page .gridimg img {
  max-height: 314px;
}



.article-grid {
  display: grid;
  grid-gap: 20px;
}

@media screen and (min-width: 640px) {
  .sub-boxer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
  }
}

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

.centered-headline {
  grid-row: 1;
}

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

.intro-subscribe {
  grid-row: 1;

}

.email-subscribe {
  grid-row: 2;
}

.submit-subscribe {
  grid-row: 3;
  justify-self: center;
}

@media screen and (min-width: 640px) {

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

  .intro-subscribe {
    grid-row: 1;
    grid-column: 2 / 4;
  }

  .email-subscribe {
    grid-row: 2;
    grid-column: 2;
  }

  .submit-subscribe {
    grid-row: 2;
    grid-column: 3;
    justify-self: center;
    align-self: center;
  }
}

.img-cntr-rt {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1em;
  margin-top: 1em;
}

.img-cntr-rt div.img-cntr {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  justify-self: center;
}

.img-cntr-rt .txt-cntr {
  grid-column: 1;
  grid-row: 2;
  align-self: center;
}

.img-cntr-lft {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1em;
  margin-top: 1em;
}

.img-cntr-lft div.img-cntr {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  justify-self: center;
}

.img-cntr-lft .txt-cntr {
  grid-column: 1;
  grid-row: 2;
  align-self: center;
}

.img-cntr figure {
  margin: 1rem 0;
}

.img-cntr figure img {
  max-height: 256px;
}

@media (min-width: 640px) {
  .img-cntr-rt {
    display: grid;
    grid-template-columns: 3fr 2fr;
    grid-gap: 2em;
    margin-top: 1em;
  }

  .img-cntr-rt div.img-cntr {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: center;
  }

  .img-cntr-rt .txt-cntr {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
  }

  .img-cntr-lft {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-gap: 2em;
    margin-top: 1em;
  }

  .img-cntr-lft div.img-cntr {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: center;
  }

  .img-cntr-lft .txt-cntr {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
  }

  .img-cntr figure img {
    max-height: 384px;
  }
}

.imgs-dual {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2em;
}

/*.dual-img is implicit grid*/
.dual-img {}

.dual-img figure img {
  max-height: 256px;
}

nav.sidebar {
  grid-column: 5;
  grid-row: 1;
}

.image-top-blog {
  grid-column: 2 / 5;
}

.dual-img {
  align-self: center;
}