
html {
  font-size: 62.5%;
  font-weight: 300;
  @media(max-width: $screen-md-max) {
    font-size: 50%;
  }
}

body {
  @include font-size(2);
  font-size: 1.4rem;
  font-weight: 400;
  font-family: $font;
  margin: 0;
  width: 100%;
  min-height: 100vh;
  padding-bottom: 3.5rem;
  position: absolute;
  top: 0;
  min-width: $min-width;

  &.overlayered {
    overflow: hidden;
  }
} 

body.devel {
  background: #ffffff url(imgs/izon-devel-bg.png);
}

a {
  text-decoration: none;
  color: inherit;
  &:hover {
    text-decoration: underline;

  }
}


section {
  display: table;
  width: 100%;
}

@keyframes spinner-loading {
  to {
    transform: rotate(360deg);
  }
}