/*
 * EdGEL resets
 * --------------------------------------------------
 */

// stylelint-disable property-no-vendor-prefix
html {
  overflow-x: hidden;
  font-size: 95%;
  -webkit-text-size-adjust: 100%;
}
// stylelint-enable

/* These font changes do not use the same breakpoints as Bootstrap */
@media screen and (min-width: @screen-sm-min) {
  html {
    font-size: 85%;
    height: 100%;
  }
}
@media screen and (min-width: 1024px) {
  html {
    font-size: 87.5%;
  }
}
@media screen and (min-width: 1080px) {
  html {
    font-size: 90%;
  }
}
@media screen and (min-width: 1200px) {
  html {
    font-size: 95%;
  }
}
@media screen and (min-width: 1350px) {
  html {
    font-size: 100%;
  }
}
@media screen and (min-width: 1650px) {
  html {
    font-size: 105%;
  }
}
@media screen and (min-width: 1900px) {
  html {
    font-size: 115%;
  }
}

body {
  font-size: 100%;
  font-size: 1rem;
  line-height: normal;
}

/* Containers get a maximum width */
@media screen and (min-width: @screen-sm-min) {
  .container {
    max-width: 90rem;
    padding-left: 30px;
    padding-right: 30px;
  }
}
