@charset "UTF-8";

#row {
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-template-areas:
    "main";
  -ms-grid-rows: 1fr;
  -ms-grid-columns: 1fr;
}

.text-beginning {
  display: flex;
}
#doc-body {
  flex-basis: calc(100% - 240px - 40px);
}
#doc-notice {
  flex-basis: 240px;
  min-height: 400px;
  margin-left: auto;
  padding: 12px;
  background-color: #f5f5f5;
}
#doc-body h2:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 900px) {
  .text-beginning {
    flex-wrap: wrap;
  }
  #doc-body,
  #doc-notice {
    flex-basis: 100%;
  }
  #doc-notice {
    min-height: 0;
  }
  #doc-notice:empty {
    display: none;
  }
}