html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* Display current window size */
@media (max-width: 575px) {
    .breakpoint-alias:before {
        content: "XS";
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .breakpoint-alias:before {
        content: "SM";
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .breakpoint-alias:before {
        content: "MD";
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .breakpoint-alias:before {
        content: "LG";
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .breakpoint-alias:before {
        content: "LG";
    }
}
@media (min-width: 1400px) {
    .breakpoint-alias:before {
        content: "XXL";
    }
}