#content {
  background-color: black;
  padding: 20px;
}

#picTable {
  margin-top: 20px;
}

@media only screen and (max-width: 900px) {
  #picTable {
    width: 100%;
  }
  #picTable tr, #picTable td {
    display: inline-block;
  }
  #picTable td {
    width: 49%;
    box-sizing: border-box;
  }
}

#picTable img {
  width: 138px;
  margin-right: 12px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 900px) {
  #picTable img {
    width: 96%;
    margin: 4% !important;
    margin-right: 4% !important;
    display: inline-block;
  }
}

#main-image {
  width: 760px;
}

@media only screen and (max-width: 900px) {
  #main-image {
    width: 100%;
  }
}

.section-button {
  float: left;
  width: 23%;
  margin-left: 2.6666%;
  box-sizing: border-box;
  border: 2px solid black;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.6;
}

.section-button.selected {
  border-color: white;
  opacity: 1;
}

.section-button:not(.selected):hover {
  border-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.section-button:first-child {
  margin-left: 0;
}

.section-button img {
  display: block;
  width: 100%;
}

.section-content {
  background-color: black;
  padding: 20px;
  margin-top: 40px;
}

.section-container {
  display: none;
}

.section-footer {
  margin-top: 20px;
  color: black;
  font-size: 10px;
  padding-bottom: 100px;
  overflow: auto;
}