/*
	Single-page horizontal portfolio site - full layout CSS document
	v2.0.1

	Contains structural layout styles only, for large screen sizes
	For general/custom styles modify styles-*.scss
	ONLY MODIFY SCSS VARIABLES!
*/
/* Variables */
html {
  overflow-y: hidden;
}

#wrapper,
#wrapper > header,
#wrapper > footer,
#container,
*.page,
*.page > * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

#wrapper {
  height: 100vh;
  position: relative;
}
#wrapper > header,
#wrapper > footer {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  right: 0;
}
#wrapper > header {
  top: 0;
  height: 62px;
}
#wrapper > footer {
  bottom: 0;
  height: 28px;
}

#container {
  display: flex;
  align-content: stretch;
  position: absolute;
  overflow: hidden;
  z-index: 0;
  top: 62px;
  bottom: 28px;
  width: 400vw;
}

*.page {
  flex: 1 1 auto;
  position: relative;
  overflow-y: auto;
  width: 25%;
  height: 100%;
}
*.page > * {
  min-height: 100%;
}

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