html {
	/* font-size: 100%; */
	/* height: 100%; */
}

body {
	/* font-size: 100%; */
	/* height: 100%; */
	background-color: transparent; }
	body.no-scroll {
		overflow: hidden; }

body main {
	min-height: calc(100vh - 120px);
}

body::-webkit-scrollbar,
body *::-webkit-scrollbar {
	width: 5px;
}
body::-webkit-scrollbar-track,
body *::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #fff;
	border-radius: 10px;
}
body::-webkit-scrollbar-thumb,
body *::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 10px;
}
body::-webkit-scrollbar-thumb:hover,
body *::-webkit-scrollbar-thumb:hover {
	background: #ccc;
}
body,
body * {
	scrollbar-width: thin;
	scrollbar-color: #ccc #fff;
}

.page-container {
  position: relative; }

.wrapper {
  margin: 0 auto;
  padding: 0 30px; }
  .wrapper.big {
    padding: 0 20px; }
  .wrapper.small {
    padding: 0 10px; }

header {
  margin-bottom: 20px;
  position: relative; }
  header.floating-topbar {
	margin-bottom: 0;
  }
  header.floating-topbar + main {
	margin-top: 100px;
  }
  header.floating-topbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999; }

header #position_menu {
	align-self: center;
}
header #position_profile {
	display: flex;
	align-self: center;
	justify-content: end;
}

main .content {
  position: relative; }

footer {
	margin-top: 40px;
	padding-top: 5px;
	/* margin-bottom: 10px; */
	border-top: 1px solid #b6c7d6;
}

footer section[id^="position_"][class^="position-"] {
	margin-bottom: 5px;
}