/*!
 * lofbergs-survey v1.0.0
 * Löfbergs Gamification Survey
 * (c) 2019 Bacill
 * MIT License
 * https://github.com/Bacill/lofbergs-survey
 */

@charset "UTF-8";
/**
 * @section Base Styles
 */
@font-face {
  font-family: 'Brown-Regular';
  src: url("../fonts/Brown-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Brown-Regular.otf") format("opentype"), url("../fonts/Brown-Regular.woff") format("woff"), url("../fonts/Brown-Regular.ttf") format("truetype"), url("../fonts/Brown-Regular.svg#Brown-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 19, src/sass/components/_base.scss */
html {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 1.5vw;
}

/* line 26, src/sass/components/_base.scss */
body {
  margin: 0 auto;
  font-family: 'Brown-Regular';
  width: 100%;
  height: 100%;
  color: #3d1053;
  overflow: hidden;
  position: absolute;
}

/* line 36, src/sass/components/_base.scss */
input,
textarea,
select,
button {
  font: inherit;
}

/* line 43, src/sass/components/_base.scss */
a, a:visited, a:active, a:hover {
  color: #3d1053;
}

/* line 48, src/sass/components/_base.scss */
button, .button {
  background: #fff;
  color: #3d1053;
  border: solid 0.3rem #3d1053;
  border-radius: 1rem;
  padding: 2% 5% 2.2%;
  height: 5%;
  font-size: 2rem;
  white-space: nowrap;
  -webkit-box-shadow: 0.3em 0.3em 0.9em 0 rgba(61, 16, 83, 0.25);
          box-shadow: 0.3em 0.3em 0.9em 0 rgba(61, 16, 83, 0.25);
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 2000;
  display: block;
}

/* line 63, src/sass/components/_base.scss */
button:active, button.selected, .button:active, .button.selected {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 1% 0 0 1%;
}

/* line 68, src/sass/components/_base.scss */
button:focus, .button:focus {
  outline: none !important;
}

/* line 73, src/sass/components/_base.scss */
section {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

/* line 84, src/sass/components/_base.scss */
section.dn {
  display: none;
}

/* line 88, src/sass/components/_base.scss */
section.db {
  display: block;
}

/* line 92, src/sass/components/_base.scss */
section.visible {
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

/* line 97, src/sass/components/_base.scss */
section h1 {
  text-align: center;
  font-size: 5.5rem;
  line-height: 120%;
  padding: 5% 0;
  font-weight: normal;
  position: absolute;
  left: 0;
  width: 100%;
  top: -550px;
}

/* line 109, src/sass/components/_base.scss */
section h2 {
  text-align: center;
  font-size: 3.5rem;
  line-height: 4.5rem;
  padding: 10% 5%;
  font-weight: normal;
  position: absolute;
  left: 0;
  width: 90%;
  top: -350px;
}

/* line 121, src/sass/components/_base.scss */
section .next-button {
  position: absolute;
  right: 5%;
  bottom: 5%;
  opacity: 0;
  -webkit-transition: opacity 1;
  transition: opacity 1;
}

/* line 128, src/sass/components/_base.scss */
section .next-button.visible {
  opacity: 1;
  -webkit-transition: opacity 1;
  transition: opacity 1;
}

/* line 136, src/sass/components/_base.scss */
#back-button {
  position: absolute;
  z-index: 3000;
  left: 4%;
  top: 2%;
  background: transparent;
  color: #3d1053;
  border: none;
  border-radius: 1rem;
  padding: 2% 3% 2.2% 3%;
  font-size: 2rem;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0;
  -webkit-transition: opacity 1;
  transition: opacity 1;
}

/* line 153, src/sass/components/_base.scss */
#back-button.visible {
  opacity: 1;
  -webkit-transition: opacity 1;
  transition: opacity 1;
}

/* line 158, src/sass/components/_base.scss */
#back-button:before {
  position: absolute;
  content: "<";
  margin-left: -15%;
}

/* line 4, src/sass/main.scss */
.tooltip {
  display: none;
  position: absolute;
  right: 0;
  top: 1%;
  width: 100%;
  right: 0;
  height: 20%;
  background: no-repeat top right;
  background-size: 20%;
  -webkit-transition: right 1s;
  transition: right 1s;
}

/* line 17, src/sass/main.scss */
.tooltip .bubble {
  display: block;
  position: absolute;
  right: 0;
  top: -100%;
  width: 60%;
  right: 20%;
  height: 100%;
  background: url("../svg/tooltip-bubbla.svg") no-repeat top right;
  background-size: 54%;
  -webkit-transition: top 1s;
  transition: top 1s;
}

/* line 29, src/sass/main.scss */
.tooltip .bubble span {
  display: block;
  margin: 3% 7% 0 50%;
  font-size: 1.8rem;
  line-height: 2.2rem;
}

/* line 37, src/sass/main.scss */
.tooltip.in {
  display: block;
  background-image: url("../svg/mug-tooltip.svg");
}

/* line 41, src/sass/main.scss */
.tooltip.in .bubble {
  top: 3%;
  -webkit-transition: top 1s;
  transition: top 1s;
}

/* line 48, src/sass/main.scss */
.tooltip.out {
  right: -100%;
  -webkit-transition: right 1s;
  transition: right 1s;
}

/* line 55, src/sass/main.scss */
#start, #thanks {
  background: url(../svg/bg.svg) center center;
}

/* line 59, src/sass/main.scss */
#start button, #thanks button {
  position: absolute;
  bottom: -50%;
  left: 37.5%;
  width: 25%;
}

/* line 66, src/sass/main.scss */
#start #start-footer, #thanks #start-footer {
  width: 100%;
  height: 30%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../svg/bottom-bar-anim.svg) no-repeat;
  background-size: 100% auto;
  z-index: 2001;
}

/* line 76, src/sass/main.scss */
#start #start-footer .logo, #thanks #start-footer .logo {
  position: absolute;
  bottom: 13%;
  width: 40%;
  left: 30%;
}

/* line 91, src/sass/main.scss */
#citymap .map .location {
  position: absolute;
  background: no-repeat 100%;
  width: 100%;
  height: 100%;
}

/* line 97, src/sass/main.scss */
#citymap .map .home {
  background-image: url("../svg/hemma.svg");
}

/* line 99, src/sass/main.scss */
#citymap .map .home.selected {
  background-image: url("../svg/hemma-gul.svg");
}

/* line 101, src/sass/main.scss */
#citymap .map .work {
  background-image: url("../svg/jobbet.svg");
  z-index: 100;
}

/* line 104, src/sass/main.scss */
#citymap .map .work.selected {
  background-image: url("../svg/jobbet-gul.svg");
}

/* line 106, src/sass/main.scss */
#citymap .map .school {
  background-image: url("../svg/skolan.svg");
  z-index: 98;
}

/* line 109, src/sass/main.scss */
#citymap .map .school.selected {
  background-image: url("../svg/skolan-gul.svg");
}

/* line 111, src/sass/main.scss */
#citymap .map .nature {
  background-image: url("../svg/naturen.svg");
}

/* line 113, src/sass/main.scss */
#citymap .map .nature.selected {
  background-image: url("../svg/naturen-gul.svg");
}

/* line 115, src/sass/main.scss */
#citymap .map .traffic {
  background-image: url("../svg/trafiken.svg");
  z-index: 97;
}

/* line 118, src/sass/main.scss */
#citymap .map .traffic.selected {
  background-image: url("../svg/trafiken-gul.svg");
}

/* line 120, src/sass/main.scss */
#citymap .map .cafe {
  background-image: url("../svg/kafe.svg");
}

/* line 122, src/sass/main.scss */
#citymap .map .cafe.selected {
  background-image: url("../svg/kafe-gul.svg");
}

/* line 126, src/sass/main.scss */
#citymap .map-buttons {
  position: absolute;
  width: 120%;
  height: 100%;
  left: -10%;
  top: 0%;
  z-index: 2000;
}

/* line 135, src/sass/main.scss */
#citymap .map-buttons button {
  position: absolute;
  top: 50%;
  padding: 1% 2% 1.2%;
  z-index: 2001;
}

/* line 141, src/sass/main.scss */
#citymap .map-buttons button.home {
  margin-left: 43%;
  margin-top: -23%;
}

/* line 145, src/sass/main.scss */
#citymap .map-buttons button.work {
  margin-left: 44%;
  margin-top: 10%;
}

/* line 149, src/sass/main.scss */
#citymap .map-buttons button.school {
  margin-left: 25%;
  margin-top: -20%;
}

/* line 153, src/sass/main.scss */
#citymap .map-buttons button.nature {
  margin-left: 66%;
  margin-top: -8%;
}

/* line 157, src/sass/main.scss */
#citymap .map-buttons button.traffic {
  margin-left: 50%;
  margin-top: -10%;
}

/* line 161, src/sass/main.scss */
#citymap .map-buttons button.cafe {
  margin-left: 18%;
  margin-top: -4%;
}

/* line 173, src/sass/main.scss */
#howmanymugs #howmanymugs-mugs {
  position: relative;
  left: -50%;
  height: 100%;
}

/* line 179, src/sass/main.scss */
#howmanymugs #howmanymugs-number {
  position: absolute;
  left: 0;
  top: 30%;
  width: 100%;
  text-align: center;
  font-size: 40vw;
  color: #e4e4e4;
}

/* line 189, src/sass/main.scss */
#howmanymugs .next-button {
  opacity: 1;
}

/* line 197, src/sass/main.scss */
#wheel #wheel-spinner {
  position: absolute;
  width: 80%;
  left: 10%;
  bottom: 30%;
  z-index: 102;
  /*
        background: url(../svg/guide-spinner.svg) no-repeat center center;
        background-size: 100%;
        */
}

/* line 209, src/sass/main.scss */
#wheel #wheel-spinner:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

/* line 216, src/sass/main.scss */
#wheel .option, #wheel .drop-selection {
  position: absolute;
  width: 24%;
  left: 37.5%;
  border-radius: 50%;
  background: #fff;
  border: solid 0.3rem #3d1053;
}

/* line 224, src/sass/main.scss */
#wheel .option.drop-selection, #wheel .drop-selection.drop-selection {
  z-index: 1000;
  width: 19.3%;
}

/* line 230, src/sass/main.scss */
#wheel .option span, #wheel .drop-selection span {
  position: absolute;
  display: block;
  width: 100%;
  top: 60%;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.7rem;
}

/* line 240, src/sass/main.scss */
#wheel .option:before, #wheel .drop-selection:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: 30%;
  background-position: center 30%;
}

/* line 252, src/sass/main.scss */
#wheel .option:after, #wheel .drop-selection:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

/* line 258, src/sass/main.scss */
#wheel .option.clean:before, #wheel .drop-selection.clean:before {
  background-image: url(../svg/clean.svg);
}

/* line 261, src/sass/main.scss */
#wheel .option.environment:before, #wheel .drop-selection.environment:before {
  background-image: url(../svg/enviroment.svg);
}

/* line 264, src/sass/main.scss */
#wheel .option.recycle:before, #wheel .drop-selection.recycle:before {
  background-image: url(../svg/recycle.svg);
}

/* line 267, src/sass/main.scss */
#wheel .option.heat:before, #wheel .drop-selection.heat:before {
  background-image: url(../svg/heat.svg);
}

/* line 270, src/sass/main.scss */
#wheel .option.looks:before, #wheel .drop-selection.looks:before {
  background-image: url(../svg/looks.svg);
}

/* line 273, src/sass/main.scss */
#wheel .option.shield:before, #wheel .drop-selection.shield:before {
  background-image: url(../svg/shield.svg);
  background-size: 40%;
}

/* line 277, src/sass/main.scss */
#wheel .option.waterproof:before, #wheel .drop-selection.waterproof:before {
  background-image: url(../svg/waterproof.svg);
}

/* line 280, src/sass/main.scss */
#wheel .option.plastic:before, #wheel .drop-selection.plastic:before {
  background-image: url(../svg/plastic.svg);
}

/* line 283, src/sass/main.scss */
#wheel .option.feather:before, #wheel .drop-selection.feather:before {
  background-image: url(../svg/feather.svg);
}

/* line 286, src/sass/main.scss */
#wheel .option.longlife:before, #wheel .drop-selection.longlife:before {
  background-image: url(../png/gravestone.png);
}

/* line 289, src/sass/main.scss */
#wheel .option.portable:before, #wheel .drop-selection.portable:before {
  background-image: url(../png/travel.png);
}

/* line 294, src/sass/main.scss */
#wheel #wheel-bg {
  position: absolute;
  width: 80%;
  left: 10%;
  bottom: 30%;
  border-radius: 50%;
  background: #3d1053 url(../svg/snurr-pilar.svg) no-repeat center center;
  background-size: 62%;
  z-index: 98;
}

/* line 304, src/sass/main.scss */
#wheel #wheel-bg:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

/* line 311, src/sass/main.scss */
#wheel #wheel-lock {
  position: absolute;
  width: 25%;
  border-radius: 50%;
  background: #fff;
  left: 37.5%;
  bottom: 24%;
  z-index: 99;
}

/* line 320, src/sass/main.scss */
#wheel #wheel-lock:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

/* line 327, src/sass/main.scss */
#wheel #wheel-button {
  position: absolute;
  width: 30%;
  border-radius: 50%;
  left: 35%;
  bottom: 44%;
  z-index: 103;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff5c7;
}

/* line 338, src/sass/main.scss */
#wheel #wheel-button:after {
  content: "";
  display: block;
  padding-bottom: 100%;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  background: #3d1053;
  -webkit-mask: url(../svg/arrow.svg) no-repeat 50% 87%;
          mask: url(../svg/arrow.svg) no-repeat 50% 87%;
  -webkit-mask-size: 40%;
          mask-size: 40%;
}

/* line 350, src/sass/main.scss */
#wheel #wheel-button span {
  position: absolute;
  font-size: 6rem;
  width: 100%;
  height: 92%;
  display: block;
  text-align: center;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 364, src/sass/main.scss */
#wheel #wheel-filter {
  position: absolute;
  width: 52%;
  height: 11.9%;
  left: 25.3%;
  bottom: 11.8%;
  z-index: 1001;
  background: #fff url("../svg/coffee-filter.svg") no-repeat center top;
  background-size: 54%;
}

/* line 375, src/sass/main.scss */
#wheel #wheel-mug {
  position: absolute;
  width: 50%;
  height: 22%;
  left: 25.3%;
  bottom: 0%;
  z-index: 1000;
  background: no-repeat 57.7% bottom;
}

/* line 384, src/sass/main.scss */
#wheel #wheel-mug:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../svg/mug-empty.svg) no-repeat center bottom;
}

/* line 395, src/sass/main.scss */
#emojis {
  text-align: center;
}

/* line 399, src/sass/main.scss */
#emojis .options {
  width: 100%;
  height: 100%;
  padding: 4% 0;
  top: 20%;
  position: absolute;
}

/* line 407, src/sass/main.scss */
#emojis .button {
  background-repeat: no-repeat;
  background-position: center 20%;
  background-size: 25%;
  margin: 4%;
  width: 38%;
  height: 15%;
  padding: 0;
  white-space: normal;
  display: inline-block;
  position: relative;
}

/* line 419, src/sass/main.scss */
#emojis .button span {
  display: block;
  width: 90%;
  left: 5%;
  position: absolute;
  bottom: 15%;
}

/* line 427, src/sass/main.scss */
#emojis .button.selected {
  background-color: #fff5c7;
}

/* line 431, src/sass/main.scss */
#emojis .button.cool {
  background-image: url(../svg/cool.svg);
}

/* line 434, src/sass/main.scss */
#emojis .button.funderar {
  background-image: url(../svg/funderar.svg);
}

/* line 437, src/sass/main.scss */
#emojis .button.hand {
  background-image: url(../svg/hand.svg);
}

/* line 440, src/sass/main.scss */
#emojis .button.orolig {
  background-image: url(../svg/orolig.svg);
}

/* line 443, src/sass/main.scss */
#emojis .button.tittar {
  background-image: url(../svg/tittar.svg);
}

/* line 446, src/sass/main.scss */
#emojis .button.tunga {
  background-image: url(../svg/tunga.svg);
}

/* line 455, src/sass/main.scss */
#pinball .options {
  position: absolute;
  top: 25%;
  left: 6%;
  width: 84%;
  height: 100%;
  z-index: 3000;
}

/* line 463, src/sass/main.scss */
#pinball .options .option {
  width: 25%;
  height: 15%;
  float: left;
  padding-left: 4%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-size: 1.5rem;
}

/* line 472, src/sass/main.scss */
#pinball .options .option:first-child {
  padding-left: 2%;
}

/* line 482, src/sass/main.scss */
#swedenmap #map-mug {
  position: absolute;
  width: 9%;
  height: 9%;
  left: 57.8%;
  top: 12%;
  z-index: 1010;
  background: transparent;
}

/* line 491, src/sass/main.scss */
#swedenmap #map-mug .mug {
  position: absolute;
  background: url(../svg/mug.svg) no-repeat center top;
  background-size: 90%;
  width: 100%;
  height: 100%;
  -webkit-transition: background-position-y .3s;
  transition: background-position-y .3s;
}

/* line 499, src/sass/main.scss */
#swedenmap #map-mug .shadow {
  position: absolute;
  width: 70%;
  height: 10%;
  left: 15%;
  top: 60%;
  border-radius: 50%;
  -webkit-box-shadow: 0 20px 10px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 0 20px 10px 0px rgba(0, 0, 0, 0.3);
  -webkit-transition: all .4s;
  transition: all .4s;
  opacity: 1;
}

/* line 512, src/sass/main.scss */
#swedenmap #map-mug.dropped .mug {
  background-position-y: 35%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* line 517, src/sass/main.scss */
#swedenmap #map-mug.dropped .shadow {
  height: 0;
  top: 70%;
  -webkit-transition: all .4s;
  transition: all .4s;
}

/* line 525, src/sass/main.scss */
#swedenmap #swedenmap-bubble {
  display: block;
  position: absolute;
  top: -100%;
  width: 60%;
  right: 43%;
  height: 100%;
  background: url("../svg/tooltip-bubbla.svg") no-repeat top right;
  -webkit-transition: top 1s;
  transition: top 1s;
}

/* line 535, src/sass/main.scss */
#swedenmap #swedenmap-bubble span {
  display: block;
  margin: 3% 7% 0 50%;
  font-size: 1.8rem;
  line-height: 2.3rem;
}

/* line 545, src/sass/main.scss */
#register {
  font-size: 2rem;
}

/* line 549, src/sass/main.scss */
#register #register-form {
  position: absolute;
  top: 48%;
  z-index: 3000;
}

/* line 555, src/sass/main.scss */
#register fieldset {
  width: 84%;
  font-size: 2rem;
  display: block;
  margin: 5% 10% 0 5%;
  border-radius: 1rem;
}

/* line 563, src/sass/main.scss */
#register .textbox {
  width: 94%;
  padding: 3% 1.2%;
  line-height: 2.5rem;
  font-size: 2rem;
  display: block;
  border: none;
  background: #fff;
  color: #3d1053;
}

/* line 573, src/sass/main.scss */
#register .textbox:focus {
  outline: none;
}

/* line 578, src/sass/main.scss */
#register .checkbox {
  margin: 5%;
  font-size: 1.5rem;
}

/* line 582, src/sass/main.scss */
#register .checkbox p {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 5%;
}

/* line 588, src/sass/main.scss */
#register .checkbox input {
  -webkit-transform: scale(2);
          transform: scale(2);
  margin-right: 2%;
}

/* line 594, src/sass/main.scss */
#register .simple-keyboard {
  position: absolute;
  top: 28%;
  font-size: 1.5rem;
  z-index: 3000;
}

/* line 600, src/sass/main.scss */
#register .simple-keyboard .hg-button {
  padding: 4% 3% !important;
}

/* line 605, src/sass/main.scss */
#register .skip-button {
  position: absolute;
  top: 18%;
  left: 37.5%;
  width: 25%;
}

/* line 612, src/sass/main.scss */
#register .next-button {
  bottom: 10%;
  z-index: 3000;
}

/* line 619, src/sass/main.scss */
#policy {
  background: #fff;
  padding: 5% 5% 20%;
  width: 90%;
  font-size: 1.2rem;
  line-height: 1.5rem;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

/* line 628, src/sass/main.scss */
#policy h2 {
  position: static;
  padding: 3% 0 0;
  text-align: left;
  font-size: 2rem;
  line-height: 2.5rem;
}

/* line 636, src/sass/main.scss */
#policy h3 {
  margin-top: 5%;
}

/*
.check {
	position: relative;
	background: linear-gradient(90deg, $purple-dark, $purple-light);
	line-height: 0;
	perspective: 400px;
}

.check input[type="checkbox"],
.check label,
.check label::before,
.check label::after,
.check {
	appearance: none;
	display: inline-block;
	border-radius: 1rem;
	border: 0;
	transition: .35s ease-in-out;
	box-sizing: border-box;
	cursor: pointer;
}

.check label {
	width: 2.2rem;
	height: 1rem;
	background: #d7d7d7;
	overflow: hidden;
}

.check input[type="checkbox"] {
	position: absolute;
	z-index: 1;
	width: .8rem;
	height: .8rem;
	top: .1rem;
	left: .1rem;
	background: linear-gradient(45deg, #dedede, #ffffff);
	box-shadow: 0 6px 7px rgba(0,0,0,0.3);
	outline: none;
}

.check input[type="checkbox"]:checked {
	left: 1.3rem;
}

.check input[type="checkbox"]:checked + label {
	background: transparent;
}

.check label::before,
.check label::after {
	content: "· ·";
	position: absolute;
	overflow: hidden;
	left: .15rem;
	top: .5rem;
	height: 1rem;
	letter-spacing: -.04rem;
	color: #9b9b9b;
	font-family: "Times New Roman", serif;
	z-index: 2;
	font-size: .6rem;
	border-radius: 0;
	transform-origin: 0 0 -.5rem;
	backface-visibility: hidden;
}

.check label::after {
	content: "●";
	top: .65rem;
	left: .3rem;
	height: .1rem;
	width: .35rem;
	font-size: .2rem;
	transform-origin: 0 0 -.4rem;
}

.check input[type="checkbox"]:checked + label::before,
.check input[type="checkbox"]:checked + label::after {
	left: 1.55rem;
	top: .4rem;
	line-height: .1rem;
	transform: rotateY(360deg);
}

.check input[type="checkbox"]:checked + label::after {
	height: .16rem;
	top: .55rem;
	left: 1.6rem;
	font-size: .6rem;
	line-height: 0;
}
*/