* {
  box-sizing: border-box;
}

html {
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans,
    Tahoma, sans-serif;
  font-size: 16px;

  background-color: $col-main-bg;
  color: $col-main-fg;
}

html,
body {
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
}

#subContainer {
  display: flex;
  min-height: 100%;
}

#mainContainer {
  flex: 1 1 0px;
}

h1,h2,h3,h4,h5,h6{
    color: $pal-black;
}