table {
  width: 100%;
}
td {
  width: 33%;
  text-align: center;
  border-bottom: solid 1px black;
  border-left: solid 1px black;
  border-right: solid 1px black;
}
th {
  background-color: LightGray;
  border-top: solid 1px black;
  border-left: solid 1px black;
  border-right: solid 1px black;
}
.homePage {
  background-color: Dimgray;
  width: 15%;
  border-radius: .5rem;
  padding: 10px;
}
.homePage:link {
  color: white;
  text-decoration: none;
  font-weight: bold;
}
.homePage:visited {
  color: white;
}
.homePage:hover {
  color: LightGray;
}
.lang {
  width: 98%;
  font-weight: bold;
  text-align: right;
}
.langTab:link {
  color: black;
  text-decoration: none;
}
.langTab:visited {
  color: black;
}

.item1 {
  grid-area: header;
  
  text-align: center;
  width: 100%;
}
.item2 {
  grid-area: blurb;
  background-color: White;
}
.item3 {
  grid-area: mainImage;
}
.item4 {
  grid-area: video;
}
.item5 {
  grid-area: materials;
}
.item6 {
  grid-area: templates;
}
.item7 {
  grid-area: gallery;
  align-items: center;
}
.item8 {
  grid-area: contact;
}

.grid-container {
  display: grid;
  grid-template-areas:
  'header header header header header header'
  'blurb blurb blurb blurb mainImage mainImage'
  'video video materials materials templates templates'
  'gallery gallery gallery gallery gallery gallery'
  'contact contact contact contact contact contact';
  grid-gap: 10px;
  padding: 10px;
  background-color: White;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}

.card {
  position:relative;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  min-width:0;
  word-wrap:break-word;
  background-color:White;
  background-clip:border-box;
  border:1px solid rgba(0,0,0,.125);
  border-radius:.25rem
}
.card-header {
  padding:.75rem 1.25rem;
  margin-bottom:0;
  background-color: LightGray;
  border-bottom:1px solid rgba(0,0,0,.125);
  font-weight: bold;
  text-align: left;
}


.card-link:link {
  color: Black;
  text-decoration: none;
}
.card-link:visited {
  color: Black;
}
.card-link:hover {
  border-bottom: solid 5px Gold;
}
.pageLink:link {
  color: blue;
  text-decoration: none;
}
.pageLink:visited {
  color: blue;
}
.pageLink:hover {
  border-bottom: solid 5px Gold;
}

.collapse:not(.show) {
  display:none
}
.card-body {
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  min-height:1px;
  text-align: left;
  padding-left: 2rem;
  padding-bottom: 7px;
}
.update {
  margin: auto;
  background-color: LightGray;
  padding: 5px;
  border-radius: 5px;
  font-family: Comic Sans MS;
  font-weight: bold;;
  width: auto;
}
.update:link {
  color: black;
  text-decoration: none;
}
.update:visited {
  color: black;
}
.update:hover {
  border-bottom: solid 5px Gold;
}
.inPageLink {
  text-align: center;
  text-decoration: none;
  background-color: LightGray;
  padding-left: 2rem;
  padding-right: 2rem;
  font-weight: bold;
  border-radius: .25rem;
}
.inPageLink:link {
  color: black;
  text-decoration: none;
}
.inPageLink:visited {
  color: black;
}
.inPageLink:hover {
  border-bottom: solid 5px Gold;
}
.mainPic {
  border-radius: .5rem;
}
.photo {
  display: none;
}