.view-mode--full {
  width: 100%;
  display: grid;
  justify-content: space-between;
  grid-template-columns: 8.25fr 3.75fr;
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
}
.view-mode--full .full--top,
.view-mode--full .full--bottom {
  grid-column: 1 / -1;
}
.view-mode--full .full--top > :last-child,
.view-mode--full .full--content > :last-child,
.view-mode--full .full--sidebar > :last-child,
.view-mode--full .full--bottom > :last-child {
  margin-bottom: 0;
}
@media (min-width : 820px)  and (max-width : 1279px), (max-width : 819px) {
  .view-mode--full {
    grid-template-columns: 1fr;
  }
}
@media (min-width : 820px)  and (max-width : 1279px) {
  .view-mode--full {
    grid-row-gap: 1.5rem;
  }
}
@media (max-width : 819px) {
  .view-mode--full {
    grid-gap: 1rem;
  }
}
@media (min-width : 1280px) {
  .view-mode--full .full--content {
    max-width: 900px;
  }
}


/*# sourceMappingURL=autry-viewmode-full.library.css.map*/