body, html {
  height: 100%;
  margin: 0;
  font-family: Arial;
}

.bg {
  /* The image used */
  background-image: url("/images/DataSources.png");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1.0;
}

.grid-container {
  display: grid;
  grid-template-columns: 160px 160px 160px; /*Make the grid smaller than the container*/
  gap: 10px;
  background-color: #FFF;
  padding: 10px;
  justify-content: center;
}
.grid-container > div {
  display: block;
  background-color: #000;
  color: #FFF;
  padding: 20px;
  font-size: 1.36em;
  text-align: center;
}

#container { width:90%; margin:0 auto; padding-top:50px; overflow-y:hidden; }
#content { float:right; width:50%; text-align:right; color:#FFFFFF; overflow-y:hidden; opacity:1.0 !important; }
.header { font-size:5em; font-family:"Orbitron", sans-serif; font-optical-sizing:auto; font-weight:600 ; }
.description { font-size:1.16em; font-family:"Orbitron", sans-serif; font-optical-sizing:auto; font-weight:400; line-height:1.5; }