/* about.css - rules used only by about.html. Loads after main.css. */

.above-the-fold.discovery-lab {
  background-color: var(--color-dark);
  background-image: url('../images/submarine.webp');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.second-section-inner-2 {
  grid-column-gap: 82px;
  grid-row-gap: 82px;
  flex-flow: column;
  display: flex;
}

.section-4 {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 48px;
  padding-bottom: 48px;
}

.section-4.blue {
  color: var(--color-white);
  background-color: var(--color-blue);
  display: flex;
}

.layout-block-6 {
  padding-top: 48px;
  padding-bottom: 48px;
}

@media screen and (min-width: 1920px) {
  .above-the-fold.discovery-lab {
    background-color: var(--color-dark);
    background-image: url('../images/submarine.webp');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
  }
}