.page-wrapper {
  width: 100%;
  margin: 0 auto; }

main {
  scroll-snap-type: y mandatory;
  height: 100vh;
  overflow-y: scroll; }
  @media screen and (min-width: 768px) {
    main {
      padding-left: 175px; } }
  @media screen and (min-width: 920px) {
    main {
      padding-left: 280px; } }

section {
  width: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  height: 100vh; }
  @media screen and (max-width: 767px) {
    section {
      padding-top: 80px; } }
  section .content {
    width: 100%;
    height: 100%;
    padding: var(--gap);
    overflow-x: hidden;
    overflow-y: auto; }
    section .content .wrapper .title {
      position: relative;
      line-height: 1;
      padding-bottom: var(--gap-s); }
      section .content .wrapper .title:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100px;
        height: 2px;
        background: var(--green); }

/*# sourceMappingURL=layout.css.map */
