.md-grid {
  width: 85%;
  max-width: 1600px;
}

/* Logo adjustments */
.md-header__button.md-logo {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: auto;
  width: 65%;
  padding: 6px 0 6px 0;
}

/* Search Text Size */
.md-search__input {
  font-size: 0.8rem;
}

/* Page Title Size */
.md-header__topic:first-child {
  font-weight: 400;
}

/* Article Text Size */
.md-typeset {
  font-size: 0.6rem;
  line-height: 1.4;
}

/* Article Text Margin */
.md-content__inner {
  margin: 0rem 1rem 5rem 1rem;
}

/* Foooter Color and Padding */
.md-footer,
.md-footer-meta {
  background-color: #444 !important;
  padding: 1rem 1rem 1rem 1rem;
}



/* Center images, set max size on page */
.glightbox {
  display: flex;
  justify-content: center
}

/* Set the max image size in general */
.glightbox>img {
  max-width: 450px;
  max-height: 450px;
}

/* Exception for images we want large */
.glightbox>img.large {
  max-height: none;
  /* Removes the restriction */
  max-width: none;
  /* Removes the restriction */
  width: 100%;
  /* Takes full width of the container */
  height: auto;
  /* Maintains aspect ratio */
}

/* Exception for images we want small, like context menu screenshots */
.glightbox>img.small {
  max-width: 200px;
  max-height: 200px;
}


/* Center tables on page horizontally */
.md-typeset__scrollwrap {
  width: 100%;
  /* Ensures the parent takes full available width */
  display: flex;
  justify-content: center;
  /* Centers the table horizontally */
}

.md-typeset__table {
  margin: auto;
  /* Allows the table to be centered if it has a specified width */
}