/**
 * @file
 * Bartik layout styling.
 */

/**
 * Container
 *
 * Full-width layout: no max-width cap, so the container fills the
 * viewport on all screen sizes. Side padding keeps content off the
 * browser edges.
 */
.layout-container {
  box-sizing: border-box;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

@media all and (min-width: 851px) {
  .layout-container {
    padding-right: 30px;
    padding-left: 30px;
  }
}

/**
 * Main
 */
.layout-main-wrapper {
  min-height: 300px;
}
.layout-main {
  margin-top: 20px;
  margin-bottom: 40px;
}

#content h2 {
  background-color: rgba(188, 151, 209, 0.46);
}