/* grid styles ------------------------------------ */
@media (min-width: 800px) {
	main {
	display: grid;
	grid-gap: .5vw;
	grid-template-columns: repeat(6, 1fr);
	background-color: #000 !important;
	}

	.info1 {
	 grid-column: span 6;
	 grid-row: span 2;
	 padding-left: 40px;
	 width: 1fr;
	 height: 1fr;
	 background-color: #000 !important;  

	}

	.figure6x2 {
	 grid-column: span 6;
	 grid-row: span 2;
	 padding-bottom: 40px;
	}  

	.figure4x2 {
	 grid-column: span 6;
	 grid-row: span 2;
	}
}

/* generic styles ----------------------------------- */
body {
  margin: 0 auto;
  font-family: 'Arial', sans-serif;
  background-color: #000 !important;
}

.figure-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

h4 {
  font-size: 1.4em;
  color: #a09460;
  background-color: #000 !important;
}

h5 {
  font-size: 1.5em;
  color: #a09460;
  background-color: #000 !important;
  font-family: 'Arial Bold', sans-serif;
  font-weight: 700;
}

p {
  margin-bottom: .75em;
  background-color: #000 !important;
}

a {
  background-color: #000 !important;
}

.info-highlight {
  font-size: 1em;
  text-decoration: none;
  color: #a09460;
}