html {
  font-size: 14px;
}

/*https://www.freecodecamp.org/news/css-media-queries-breakpoints-media-types-standard-resolutions-and-more/*/
/*320px — 480px: Mobile devices
481px — 768px: iPads, Tablets
769px — 1024px: Small screens, laptops
1025px — 1200px: Desktops, large screens
1201px and more —  Extra large screens, TV
*/
/*@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}*/

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

body {
  margin-bottom: 60px;
}